<!DOCTYPE html>
<html>
<head>
<title>Phương thức removeAttributeNode() id trong JavaScript</title>
<style>
#divid{color:red}
</style>
</head>
<body>
<h1>Phương thức removeAttributeNode() id trong JavaScript</h1>
<p>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(), ở ví dụ này mình xóa thuộc tính id và cả giá trị của nó:</p>
<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>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Phương thức removeAttributeNode() id trong JavaScript</title>
<style>
#divid{color:red}
</style>
</head>
<body>
<h1>Phương thức removeAttributeNode() id trong JavaScript</h1>
<p>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(), ở ví dụ này mình xóa thuộc tính id và cả giá trị của nó:</p>
<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>
</body>
</html>
