phương thức createTextNode() của HTML DOM Document

định nghĩa và cách sử dụng

createTextNode() phương thức tạo nút văn bản.

tham khảo thêm:

phương thức createElement() của Document

phương thức appendChild() của Element

phương thức insertBefore() của Element

phần tử HTML là nút

tất cả các phần tử HTML đều là nút.

phần tử là nút. thuộc tính là nút. văn bản là nút.

một số phần tử chứa các nút khác.

một số phần tử chứa nút văn bản.

một số phần tử chứa nút thuộc tính.

ví dụ

ví dụ 1

tạo nút văn bản và thêm nó vào tài liệu:

let textNode = document.createTextNode("Hello World"); document.body.appendChild(textNode);

thử ngay

ví dụ 2

tạo phần tử <h1> có nút văn bản:

const h1 = document.createElement("h1");
const textNode = document.createTextNode("Hello World");
h1.appendChild(textNode);

thử ngay

ví dụ 3

tạo phần tử <p> có nút văn bản:

const para = document.createElement("p");
const textNode = document.createTextNode("Hello World");
para.appendChild(textNode);

thử ngay

cú pháp

document.createTextNode(data)

tham số

tham số miêu tả
data bắt buộc. văn bản của nút.

giá trị trả về

loại miêu tả
nút nút văn bản mới được tạo, biểu thị cho data chuỗi.

hỗ trợ trình duyệt

document.createTextNode() là tính năng DOM Level 1 (1998).

Tất cả các trình duyệt đều hỗ trợ nó:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
hỗ trợ 9-11 hỗ trợ hỗ trợ hỗ trợ hỗ trợ