Phương thức removeAttributeNode() của HTML DOM Element

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

removeAttributeNode() Phương thức xóa thuộc tính khỏi phần tử và trả về Đối tượng Attribute.

Sự khác biệt giữa removeAttribute() và removeAttributeNode()

removeAttribute() Phương thức xóa thuộc tính và không trả về giá trị.

removeAttributeNode() Phương thức xóa Đối tượng Attrvà trả về đối tượng đã được loại bỏ.

Kết quả sẽ là như nhau.

Giải pháp thay thế:

Sử dụng Phương pháp removeAttribute() Dễ dàng hơn.

Xin xem thêm:

Tài liệu tham khảo:

Phương thức getAttributeNode()

Phương thức setAttributeNode()

Phương thức createAttribute()

Phương thức getAttribute()

Phương thức setAttribute()

Phương thức hasAttribute()

Giá trị thuộc tính

Đối tượng thuộc tính HTML DOM

Giáo trình:

Thuộc tính HTML

Mô hình

Ví dụ 1

Xóa node thuộc tính class từ phần tử <h1> đầu tiên:

const element = document.getElementsByTagName("H1")[0];
const attr = element.getAttributeNode("class");
element.removeAttributeNode(attr);

Thử ngay

Ví dụ 2

Xóa node thuộc tính href từ liên kết:

const element = document.getElementById("myAnchor");
const attr = element.getAttributeNode("href");
element.removeAttributeNode(attr);

Thử ngay

Cú pháp

element.removeAttributeNode(oldAttr)

参

参 Mô tả
oldAttr Bắt buộc. Node thuộc tính cần xóa.

Giá trị trả về

Loại Mô tả
Đối tượng Biểu thị đối tượng Attr của thuộc tính đã xóa.

Ném ra

Lỗi Mô tả
NO_MODIFICATION_ALLOWED_ERR Phần tử hiện tại là chỉ đọc, không được phép xóa thuộc tính.
NOT_FOUND_ERR oldAttr Không phải thuộc tính của phần tử hiện tại.

Giải thích

Phương pháp này sẽ xóa (và trả về) node Attr từ bộ thuộc tính hiện tại của phần tử. Nếu DTD đã đặt giá trị mặc định cho thuộc tính cần xóa, phương pháp này sẽ thêm một node Attr mới, biểu thị giá trị mặc định đó.

Lưu ý:Sử dụng Phương pháp removeAttribute() Thay thế phương pháp này thường sẽ đơn giản hơn.

Hỗ trợ trình duyệt

element.removeAttributeNode() Là tính năng DOM Level 1 (1998).

Tất cả các trình duyệt đều hỗ trợ hoàn toà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ợ