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

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

Cú pháp

Sau đây là cú pháp -

node.removeAttributeNode(attributeNode);

Ví dụ

Hãy để chúng tôi xem một ví dụ về 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>DOM removeAttributeNode() method Demo</h1>
<p style="color:#db133a;font-size:1.2rem;">Hi! I'm a para element in HTML with some random text</p>
<button onclick="remove()" class="btn">Remove Attribute</button>
<script>
   function remove() {
      var p=document.querySelector("p");
      var pAtt=p.getAttributeNode("style");
      p.removeAttributeNode(pAtt);
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

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

Nhấp vào “ Xóa thuộc tính ”Để xóa thuộc tính style khỏi phần tử

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