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

Phương thức HTML DOM removeNamedItem () xóa nút được chỉ định trong tham số của nó khỏi nút thuộc tính bằng cách sử dụng tên của nó trong tài liệu HTML.

Cú pháp

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

node.removeNamedItem(node);

Ví dụ

Hãy để chúng tôi xem một ví dụ về phương thức removeNamedItem () -

<!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:60%;
      margin:2rem auto;
      display:block;
      color:#fff;
      outline:none;
      cursor:pointer;
   }
</style>
</head>
<body>
<h1>DOM removeNamedItem() 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 using removeNamedItem() method</button>
<script>
   function remove() {
      var p=document.querySelector("p");
      p.attributes.removeNamedItem("style");
   }
</script>
</body>
</html>

Đầu ra

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

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

Nhấp vào “ Xóa thuộc tính bằng phương thức removeNamedItem () ”Để xóa thuộc tính style khỏi phần tử

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