HTML DOM blockquote cite 属性


HTML DOM blockquote cite 属性与 HTML <blockquote> 元素关联。此属性用于设置或返回引用的 cite 属性。cite 属性对于屏幕阅读器很有用,但对于普通用户来说并不是很有用,因为它对网页没有任何视觉效果。cite 属性用于设置引用的来源 URL。

语法

以下是语法 −

设置 cite 属性 −

blockquoteObject.cite = URL

此处,URL 指定引文所在位置。

范例

我们来看看 blockquote cite 属性的示例 −

<!DOCTYPE html>
<html>
<body>
<h2>Quote</h2>
<p>Here is a quote:</p>
<blockquote id="myBlockquote" cite="www.webexample.com">
Here is some sample text in place of quote.
</blockquote>
<p>Click the button below to change the above quote cite value.</p>
<button onclick="citeChange()">CHANGE</button>
<p id="Sample"></p>
<script>
   function citeChange() {
      document.getElementById("myBlockquote").cite = "http://www.examplesite.com";
      document.getElementById("Sample").innerHTML = "The value of the cite attribute was
      changed to 'www.examplesite.com' ";
   }
</script>
</body>
</html>

输出

这会产生以下输出 −

点击 CHANGE −

在上面的示例中 −

我们取了一个具有 id “myBlockquote” 的 <blockquote> 元素,cite 属性值为 webexample −

<blockquote id="myBlockquote" cite="www.webexample.com">
Here is some sample text in place of quote.
</blockquote>

然后我们有一个按钮 CHANGE 来执行 citeChange() 函数 −

<button onclick="citeChange()">CHANGE</button>

citeChange() 函数获取具有 “myBlockquote” id 的元素,并获取其 cite 属性,并将其更改为 “www.examplesite.com”。在更改 cite 值后,消息 “The value of the cite attribute was changed to 'www.examplesite.com' ” 显示在与其关联的 id 为 “Sample” 的段落中。

function citeChange() {
   document.getElementById("myBlockquote").cite = "http://www.examplesite.com";
   document.getElementById("Sample").innerHTML = "The value of the cite attribute was changed to 'www.examplesite.com' ";
}

更新于: 2019 年 8 月 6 日

106 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始吧
广告