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

Phương thức HTML DOM removeAttribute () 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.

Cú pháp

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

node.removeAttribute(attributeName);

Ví dụ

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

<!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 removeAttribute() 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() {
      document.querySelector("p").removeAttribute("style");
   }
</script>
</body>
</html>

Đầu ra

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

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

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 removeAttribute ()