Đối tượng HTML DOM cite liên kết với phần tử HTML <cite>. Phần tử <cite> được dùng để tham chiếu đến một tác phẩm sáng tạo được trích dẫn và phải bao gồm tiêu đề. Nó có thể là tranh vẽ, sách, chương trình TV, phim, v.v.
Cú pháp
Cú pháp sau đây dùng cho:
Tạo đối tượng cite:
var x = document.createElement("CITE");Ví dụ
Hãy xem một ví dụ về đối tượng HTML DOM cite:
<!DOCTYPE html> <html> <body> <p>Nhấn nút bên dưới để tạo một phần tử CITE.</p> <button onclick="createCite()">TẠO</button><br><br> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Van_Gogh_-_Starry_Night_-_Google_Art_Project.jpg/800px-Van_Gogh_-_Starry_Night_-_Google_Art_Project.jpg" width="220" height="277" alt="Đêm đầy sao"> <script> function createCite() { var x = document.createElement("CITE"); var t = document.createTextNode("Đêm đầy sao."); x.appendChild(t); document.body.appendChild(x); } </script> </body> </html>Kết quả
Điều này sẽ tạo ra kết quả sau:
Nhấn "TẠO":
Trong ví dụ trên, chúng ta đã chèn một hình ảnh bằng thẻ <img>:
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Van_Gogh_-_Starry_Night_-_Google_Art_Project.jpg/800px-Van_Gogh_-_Starry_Night_-_Google_Art_Project.jpg" width="220" height="277" alt="Đêm đầy sao">
Chúng ta đã tạo nút TẠO để thực thi phương thức createCite():
<button onclick="createCite()">TẠO</button>
Phương thức createCite() tạo một phần tử <cite> và gán nó cho biến x. Một nút văn bản chứa một số văn bản được tạo và gán cho biến t. Nút văn bản sau đó được nối thêm vào phần tử <cite> bằng phương thức appendChild() trên biến x. Phần tử <cite> cùng với nút văn bản sau đó được nối thêm vào thân tài liệu bằng phương thức appendChild() trên thân tài liệu.