Thuộc tính cite của blockquote trong HTML DOM

Thuộc tính cite của blockquote trong HTML DOM liên quan đến phần tử HTML <blockquote>. Thuộc tính này dùng để thiết lập hoặc trả về thuộc tính cite của đoạn trích dẫn. Thuộc tính cite hữu ích cho screen readers và không quá quan trọng cho người dùng bình thường vì nó không có hiệu ứng trực quan trên trang web. Cite property được dùng để đặt URL nguồn của đoạn trích dẫn.

Cú pháp

Thiết lập thuộc tính cite

blockquoteObject.cite = URL

Ở đây, URL chỉ định vị trí của đoạn trích dẫn.

Ví dụ

Dưới đây là ví dụ cho thuộc tính cite của blockquote:

<!DOCTYPE html> <html> <body> <h2>Trích dẫn</h2> <p>Đây là một trích dẫn:</p> <blockquote id="myBlockquote" cite="www.webexample.com"> Đây là một số văn bản mẫu thay cho trích dẫn. </blockquote> <p>Click nút bên dưới để thay đổi giá trị cite của trích dẫn trên.</p> <button onclick="citeChange()">THAY ĐỔI</button> <p id="Sample"></p> <script>    function citeChange() {       document.getElementById("myBlockquote").cite = "https://www.examplesite.com";       document.getElementById("Sample").innerHTML = "Giá trị thuộc tính cite đã       được thay đổi thành 'www.examplesite.com' ";    } </script> </body> </html>

Kết quả

Ví dụ này sẽ cho kết quả sau:

Khi click THAY ĐỔI:

Giải thích ví dụ:

Chúng ta lấy một phần tử <blockquote> với id “myBlockquote” và giá trị cite là webexample:

<blockquote id="myBlockquote" cite="www.webexample.com"> Đây là một số văn bản mẫu thay cho trích dẫn. </blockquote>

Nút THAY ĐỔI để thực thi citeChange():

<button onclick="citeChange()">THAY ĐỔI</button>

Hàm citeChange() lấy phần tử có id “myBlockquote” và thay đổi cite attribute thành “www.examplesite.com”. Thông báo thay đổi hiển thị trong đoạn văn với id “Sample”.

function citeChange() {    document.getElementById("myBlockquote").cite = "https://www.examplesite.com";    document.getElementById("Sample").innerHTML = "Giá trị thuộc tính cite đã được thay đổi thành 'www.examplesite.com' "; }