Đối tượng HTML DOM Code

Đối tượng HTML DOM Code liên kết với thẻ <code> của HTML5. Nó được dùng để đánh dấu một đoạn mã bằng cách bao quanh nó bên trong phần tử <code>. Đối tượng Code về cơ bản đại diện cho phần tử <code>.

Cú pháp

Cú pháp sau đây dùng cho:

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

var a = document.createElement("CODE");

Ví dụ

Hãy xem một ví dụ cho đối tượng HTML DOM code:

<!DOCTYPE html> <html> <body> <p>Nhấn nút bên dưới để tạo một phần tử CODE với một số văn bản</p> <button onclick="createCode()">TẠO</button><br><br> <script> function createCode() { var x = document.createElement("CODE"); var t = document.createTextNode("print('HELLO WORLD')"); 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:

Khi nhấn TẠO:

Trong ví dụ trên:

Chúng ta đã tạo nút TẠO sẽ thực thi phương thức createCode() khi được nhấp bởi người dùng:

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

Phương thức createCode() tạo một phần tử <code> bằng phương thức createElement("CODE") trên đối tượng document. Phần tử được tạo được gán cho biến x. Sau đó, một nút văn bản với một số văn bản được tạo bằng phương thức createTextNode() trên đối tượng document. Nút văn bản này được nối thêm làm con của phần tử <code> bằng phương thức appendChild() trên biến x.

Phần tử <code> cùng với nút văn bản sau đó được nối thêm làm con của thân tài liệu bằng phương thức appendChild():

function createCode() { var x = document.createElement("CODE"); var t = document.createTextNode("print('HELLO WORLD')"); x.appendChild(t); document.body.appendChild(x); }