Phương thức removeAttributeNode() trong HTML DOM

Phương thức removeAttributeNode() trong HTML DOM loại bỏ thuộc tính được chỉ định trong tham số từ phần tử được chỉ định trong tài liệu HTML và trả về thuộc tính đã loại bỏ dưới dạng đối tượng Attr Node.

Cú pháp

node.removeAttributeNode(attributeNode);

Ví dụ

Ví dụ sử dụng phương thức removeAttributeNode():

<!DOCTYPE html>
<html>
<head>
<style>
  html { height: 100%; }
  body {
    text-align: center;
    color: #fff;
    background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;
    height: 100%;
  }
  .btn {
    background: #0197F6;
    border: none;
    height: 2rem;
    border-radius: 2px;
    width: 35%;
    margin: 2rem auto;
    display: block;
    color: #fff;
    outline: none;
    cursor: pointer;
  }
</style>
</head>
<body>
<h1>Demo phương thức removeAttributeNode() DOM</h1>
<p style="color:#db133a;font-size:1.2rem;">Chào! Tôi là một phần tử p trong HTML với một số văn bản ngẫu nhiên</p>
<button onclick="remove()" class="btn">Loại bỏ thuộc tính</button>
<script>
  function remove() {
    var p = document.querySelector("p");
    var pAtt = p.getAttributeNode("style");
    p.removeAttributeNode(pAtt);
  }
</script>
</body>
</html>

Kết quả

Nhấn nút Loại bỏ thuộc tính để loại bỏ thuộc tính style khỏi phần tử <p>.