Đối tượng Quote trong HTML DOM đại diện cho phần tử <q> của một tài liệu HTML.
Hãy tạo đối tượng q:
Cú pháp
Cú pháp như sau:
document.createElement(“Q”);
Các thuộc tính
Dưới đây là các thuộc tính của đối tượng quote:
| Thuộc tính | Giải thích |
|---|---|
| cite | Trả về và cho phép thay đổi giá trị thuộc tính cite của một phần tử quote trong tài liệu HTML. |
Ví dụ
Dưới đây là ví dụ về đối tượng HTML DOM Quote:
<!DOCTYPE html> <html> <head> <style> body{ text-align:center; background-color:#fff; color:#0197F6; } h1{ color:#23CE6B; } .drop-down{ width:35%; border:2px solid #fff; font-weight:bold; padding:8px; } .btn{ background-color:#fff; border:1.5px dashed #0197F6; height:2rem; border-radius:2px; width:60%; margin:2rem auto; display:block; color:#0197F6; outline:none; cursor:pointer; } p{ font-size:1.2rem; background-color:#db133a; color:#fff; padding:8px; } </style> </head> <body> <h1>Demo đối tượng DOM Quote</h1> <button onclick="createQuote()" class="btn">Tạo một đối tượng quote</button> <script> function createQuote() { var qElement = document.createElement("Q"); qElement.innerHTML="WordPress là phần mềm được thiết kế cho mọi người, nhấn mạnh khả năng tiếp cận, hiệu suất, bảo mật, và dễ sử dụng. Chúng tôi tin rằng phần mềm tốt nên hoạt động với thiết lập tối thiểu để bạn có thể tập trung chia sẻ câu chuyện, sản phẩm, hoặc dịch vụ một cách tự do. "; qElement.setAttribute("cite","https://wordpress.org/about/"); document.body.appendChild(qElement); } </script> </body> </html>
Kết quả
Đoạn mã trên sẽ cho kết quả như sau:
Nhấn vào nút 「Tạo một đối tượng quote」 để tạo một đối tượng quote:
