Phương thức HTML DOM createTextNode()

Phương thức HTML DOM createTextNode() được dùng để tạo một Text Node (nút văn bản) với văn bản được chỉ định.

Ví dụ

Hãy xem một ví dụ cho phương thức createTextNode():

<!DOCTYPE html> <html> <body> <h2>Ví dụ createTextNode()</h2> <p>Nhấn nút bên dưới để tạo một phần tử p với một số văn bản.</p> <button onclick="createText()">TẠO</button> <script> function createText() { var x = document.createElement("P"); var p = document.createTextNode("Đây là một đoạn văn mẫu được tạo với createTextNode()"); x.appendChild(p); 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 nút TẠO:

Trong ví dụ trên:

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

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

Phương thức createText() tạo phần tử <p> bằng phương thức createElement() của đối tượng document và gán nó cho biến x. Chúng ta sau đó tạo một nút văn bản bằng createTextNode() với một số văn bản và gán nó cho biến p.

Chúng ta sau đó nối nút văn bản vào phần tử <p> bằng phương thức appendChild(). Cuối cùng phần tử <p> cùng với nút văn bản được nối thêm vào tài liệu bằng phương thức appendChild() của document.body:

function createText() { var x = document.createElement("P"); var p = document.createTextNode("Đây là một đoạn văn mẫu được tạo với createTextNode()"); x.appendChild(p); document.body.appendChild(x); }