Đối tượng blockquote trong HTML DOM

Đối tượng blockquote trong HTML DOM đại diện cho phần tử HTML <blockquote>. Phần tử <blockquote> không thêm dấu ngoặc kép như thẻ <q>. Chúng ta có thể tạo và truy cập các thuộc tính của <blockquote> với sự trợ giúp của đối tượng blockquote.

Cú pháp

Tạo đối tượng blockquote:

var x = document.createElement("BLOCKQUOTE");

Ví dụ

Dưới đây là ví dụ về đối tượng blockquote:

<!DOCTYPE html> <html> <body> <p>Click nút bên dưới để tạo đối tượng blockquote</p> <button onclick="createBloc()">TẠO</button> <script>    function createBloc() {       var x = document.createElement("BLOCKQUOTE");       var t = document.createTextNode("Đây là một block quote ngẫu nhiên. Đây là một số văn bản mẫu.");       x.setAttribute("cite", "https://www.examplesite.com");       x.setAttribute("id", "myQuote");       x.appendChild(t);       document.body.appendChild(x);    } </script> </body> </html>

Kết quả

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

Khi click TẠO:

Giải thích ví dụ:

Đầu tiên, tạo nút TẠO để gọi hàm createBloc():

<button onclick="createBloc()">TẠO</button>

Hàm createBloc() sử dụng phương thức createElement() của đối tượng document để tạo phần tử <blockquote>. Sau đó dùng createTextNode() tạo text node với văn bản. Dùng setAttribute() thêm thuộc tính cite và id cho <blockquote>. Cuối cùng thêm phần tử làm con của document body bằng appendChild().

function createBloc() {    var x = document.createElement("BLOCKQUOTE");    var t = document.createTextNode("Đây là một block quote ngẫu nhiên. Đây là một số văn bản mẫu.");    x.setAttribute("cite", "https://www.examplesite.com");    x.setAttribute("id", "myQuote");    x.appendChild(t);    document.body.appendChild(x); }