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' "; }
广告