以下是一个简单的例子,演示如何使用 dateTime 属性:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>del 元素的 dateTime 属性示例</title>
</head>
<body>
<del id="myDelElement" dateTime="2023-01-01T12:00:00">删除的文本</del>
<script>
// 获取 <del> 元素
var delElement = document.getElementById("myDelElement");
// 获取并输出 dateTime 属性的值
var dateTimeValue = delElement.dateTime;
console.log("dateTime 属性的值:", dateTimeValue);
// 修改 dateTime 属性的值
delElement.dateTime = "2023-01-02T15:30:00";
// 再次输出修改后的 dateTime 属性的值
console.log("修改后的 dateTime 属性的值:", delElement.dateTime);
</script>
</body>
</html>
在这个例子中,<del> 元素的 dateTime 属性被设置为 "2023-01-01T12:00:00",表示删除文本发生的日期和时间。通过 JavaScript,我们获取了该属性的值,并在控制台输出。然后,我们修改了 dateTime 属性的值,并再次输出修改后的值。
需要注意的是,dateTime 属性的值应该是符合 ISO 8601 标准的日期时间字符串。
转载请注明出处:http://www.pingtaimeng.com/article/detail/4468/HTML