HTML DOM khối trích dẫn Thuộc tính trích dẫn

Thuộc tính HTML DOM blockquote cite được liên kết với phần tử HTML

. Thuộc tính này được sử dụng để đặt hoặc trả về thuộc tính cite của trích dẫn. Thuộc tính trích dẫn hữu ích cho trình đọc màn hình và không quá nhiều đối với người dùng bình thường vì nó không có bất kỳ hiệu ứng hình ảnh nào trên trang web. Thuộc tính cite được sử dụng để đặt url nguồn của trích dẫn.

Cú pháp

Sau đây là cú pháp cho -

Đặt thuộc tính trích dẫn -
blockquoteObject.cite = URL
Đây, URL chỉ định vị trí báo giá.

Ví dụ

Hãy để chúng tôi xem một ví dụ cho thuộc tính 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 = "https://www.examplesite.com";
      document.getElementById("Sample").innerHTML = "The value of the cite attribute was
      changed to 'www.examplesite.com' ";
   }
</script>
</body>
</html>
Đầu ra

Điều này sẽ tạo ra kết quả sau -

Khi nhấp vào THAY ĐỔI -

Trong ví dụ trên -

Chúng tôi đã lấy một phần tử
có id “myBlockquote” và giá trị thuộc tính trích dẫn là webexample -
<blockquote id="myBlockquote" cite="www.webexample.com">
Here is some sample text in place of quote.
</blockquote>
Sau đó, chúng ta có một nút THAY ĐỔI để thực thi hàm citeChange () -
<button onclick="citeChange()">CHANGE</button>
Hàm citeChange () lấy phần tử có id “myBlockquote” và lấy thuộc tính cite của nó và thay đổi nó thành “www.examplesite.com”. Sau khi thay đổi giá trị cite, thông báo “Giá trị của thuộc tính cite đã được thay đổi thành 'www.examplesite.com'” được hiển thị trong đoạn có id “Sample” được liên kết với nó.
function citeChange() {
   document.getElementById("myBlockquote").cite = "https://www.examplesite.com";
   document.getElementById("Sample").innerHTML = "The value of the cite attribute was changed to 'www.examplesite.com' ";
}