以下是一个简单的例子,演示如何使用 cite 属性:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>del 元素的 cite 属性示例</title>
</head>
<body>
<del id="myDelElement" cite="https://example.com">删除的文本</del>
<script>
// 获取 <del> 元素
var delElement = document.getElementById("myDelElement");
// 获取并输出 cite 属性的值
var citeValue = delElement.cite;
console.log("cite 属性的值:", citeValue);
// 修改 cite 属性的值
delElement.cite = "https://updated-link.com";
// 再次输出修改后的 cite 属性的值
console.log("修改后的 cite 属性的值:", delElement.cite);
</script>
</body>
</html>
在这个例子中,<del> 元素的 cite 属性被设置为 "https://example.com",表示被删除文本的来源链接。通过 JavaScript,我们获取了该属性的值,并在控制台输出。然后,我们修改了 cite 属性的值,并再次输出修改后的值。
cite 属性的值通常应该是一个有效的 URL,提供了有关被删除文本来源的详细信息。
转载请注明出处:http://www.zyzy.cn/article/detail/4469/HTML