Phương thức removeAttributeNode() trong JavaScript

• Bùi Tấn Lực
• 116
• 14/09/2025

Phương thức removeAttributeNode() trong JavaScript dùng để xóa đi một thuộc tính của phần tử HTML và xóa luôn giá trị của nó, chi tiết như nào hãy cùng chúng tôi phân tích:

Phương thức removeAttributeNode() trong JavaScript

Chức năng của Phương thức removeAttributeNode() trong JavaScript

Phương thức removeAttributeNode() trong JavaScript dùng để xóa đi một thuộc tính của phần tử HTML và xóa luôn giá trị của nó, phương thức này kết hợp với phương thức getAttributeNode() mà phương thức này đã lỗi thời, khuyên bạn hãy sử dụng phương thức removeAttribute().

Cú pháp của Phương thức removeAttributeNode() trong JavaScript

tenbien.removeAttributeNode(thuoctinh);

tenbien: Tên biến là phần tử HTML thường dùng document.getElementById("giá trị id") để lấy.

thuoctinh: Thuộc tính trên phần tử HTML đó, dùng tenbien.getAttributeNode("thuoctinh"); để lấy.

Code Phương thức removeAttributeNode() trong JavaScript

Phương thức removeAttributeNode() href trong JavaScript

Xóa thuộc tính href và cả giá trị của nó:

aid.removeAttributeNode(attr);

<a id="aid" href="https://webmoi.vn/phuong-thuc-removeattribute-href-trong-javascript/" >Phương thức removeAttribute() href trong JavaScript</a>
<p>Click vào nút XÓA HREF để xóa thuộc tính href và cả giá trị của nó</p>
<button onclick="xoaHref()">XÓA HREF</button>
<script>
function xoaHref() {
 var aid = document.getElementById("aid"); 
  const attr = aid.getAttributeNode("href");
  aid.removeAttributeNode(attr);
}
</script>

Chạy Thử

Phương thức removeAttributeNode() id trong JavaScript

Xóa thuộc tính id và cả giá trị của nó:

<div id="divid">ID có màu đỏ</div>
<p>Click vào nút XÓA ID để xóa thuộc tính id và cả giá trị của nó, khi xóa id thì css bằng id sẽ không còn và màu đỏ sẽ mất</p>
<button onclick="xoaId()">XÓA ID</button>
<script>
function xoaId() {
 var divid = document.getElementById("divid"); 
 const attr = divid.getAttributeNode("id");
 divid.removeAttributeNode(attr);
}
</script>

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Phương thức removeAttributeNode() trong JavaScript.

Bùi Tấn Lực

Chia sẻ nội dung đánh giá của bạn về Phương thức removeAttributeNode() trong JavaScript
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Đăng ký tư vấn miễn phí

Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn