数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会科学
时尚研究
法律研究HTML DOM del cite 属性
与 HTML <del> 元素关联的 HTML DOM del cite 属性用于告知用户网站上的某些文本为何被删除。为此，它指定了说明为何删除给定文本的 URL。
del cite 属性提高了网站的可访问性，因为它没有视觉提示，但可以帮助屏幕阅读器。del cite 属性设置或返回 HTML <del> 元素的 cite 特性的值。
语法
以下是语法 −
设置 cite 属性 −
delObject.cite = URL
此处，URL 指定声明为何删除文本的文档的 URL。URL 可以是相对的，也可以是绝对的。
示例
让我们看一个 HTML DOM del cite 属性的示例 −
<!DOCTYPE html>
<html>
<head>
<title>Del cite</title>
<style>
#Sample{color:blue};
</style>
</head>
<body>
<h2>del cite property example</h2>
<p><del id="Del1" cite="sampleDeleted.html">Some text has been deleted</del></p>
<p>Click the below button to change the cite attribute value of the above deleted text</p>
<button onclick="citeChange()">Change Cite</button>
<p id="Sample"></p>
<script>
function citeChange() {
document.getElementById("Del1").cite = "https://example.com/deletedText.html";
document.getElementById("Sample").innerHTML = "The del cite attribute value was changed to 'https://example.com/deletedText.html'.";
}
</script>
</body>
</html>输出
这将产生以下输出 −
在单击更改引用按钮时 −
在上面的示例中 −
我们首先在关联了 id “Del1” 的 <p> 元素内创建 <del> 元素，并且 del 元素的 cite 特性值为 “sampleDeleted.html”。
<p><del id="Del1" cite="sampleDeleted.html">Some text has been deleted</del></p>
然后，我们创建了一个 “更改引用” 按钮，当用户单击时该按钮将执行 citeChange() 方法 −
<button onclick="citeChange()">Change Cite</button>
citeChange() 方法使用 getElementById() 方法获取 <del> 元素并将其 cite 属性值更改为 “https://example.com/deletedText.html” 。然后我们使用段落元素的 innerHTML 属性在 id 为 “Sample” 的段落中显示此更改。由于我们已应用与其 id 相对应的样式，因此 “Sample” 段落内的文本显示为蓝色 −
function citeChange() {
document.getElementById("Del1").cite = "https://example.com/deletedText.html";
document.getElementById("Sample").innerHTML = "The del cite attribute value was changed to 'https://example.com/deletedText.html'.";
}
更新于： 15-Feb-2021
101 次浏览
广告