Phương thức createAttribute() của HTML DOM Document

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

code>createAttribute() Phương thức tạo thuộc tính và trả về thuộc tính đó dưới dạng đối tượng Attr.Lựa chọn thay thế:

Sử dụng Phương thức setAttribute() Dễ dàng hơn.

Xin xem thêm:

Phương thức setAttribute() của Element

Phương thức giá trị thuộc tính

Phương thức setAttributeNode()

ví dụ

ví dụ 1

// Tạo thuộc tính class:
const att = document.createAttribute("class");
// Thiết lập giá trị của thuộc tính class:
att.value = "democlass";
// Thêm thuộc tính class vào h1 đầu tiên:
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);

thử ngay

ví dụ 2

// Tạo thuộc tính style:
const att = document.createAttribute("style");
// Thiết lập giá trị của thuộc tính style:
att.value = "color:red";
// Thêm thuộc tính style vào h1 đầu tiên:
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);

thử ngay

ví dụ 3

Thêm thuộc tính href="www.codew3c.com" vào phần tử anchor:

// Tạo thuộc tính href:
const att = document.createAttribute("href");
// Thiết lập giá trị của thuộc tính href:
att.value = "https://www.codew3c.com";
// Thêm thuộc tính href vào phần tử:
element.setAttributeNode(att);

thử ngay

cú pháp

document.createAttribute(name)

tham số

tham số mô tả
name bắt buộc. Tên của thuộc tính cần tạo.

giá trị trả về

kiểu mô tả
nút nút thuộc tính mới được tạo. thuộc tính nadeName được thiết lập thành name

ném

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

hỗ trợ trình duyệt

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