phương pháp HTML DOM Document createElement()

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

createElement() phương pháp tạo nút điểm phần tử.

xem thêm:

phương pháp Element appendChild()

phương pháp Element insertBefore()

ví dụ

ví dụ 1

tạo thẻ <p> và gắn thẻ vào tài liệu:

const para = document.createElement("p");
para.innerText = "This is a paragraph";
document.body.appendChild(para);

thử ngay

ví dụ 2

tạo và gắn thẻ <p> vào phần tử:

const para = document.createElement("p");
para.innerHTML = "This is a paragraph.";
document.getElementById("myDIV").appendChild(para);

thử ngay

ví dụ 3

tạo nút bấm:

const btn = document.createElement("button");
btn.innerHTML = "Hello Button";
document.body.appendChild(btn);

thử ngay

cú pháp

document.createElement(tagName)

tham số

tham số miêu tả
tagName

bắt buộc. Tên thẻ của phần tử cần tạo.

Tên nhãn HTML có thể sử dụng bất kỳ chữ hoa và chữ thường nào.

Tên nhãn XML cần phân biệt chữ hoa và chữ thường.

giá trị trả về

loại miêu tả
nút nút điểm phần tử mới được tạo có tên thẻ được chỉ định.

ném

Nếu tagName chứa ký tự không hợp lệ, phương pháp này sẽ ném mã là INVALID_CHARACTER_ERR của DOMException ngoại lệ.

hỗ trợ của trình duyệt

document.createElement() 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ợ