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

Phương thức removeAttribute() 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. Khác với removeAttributeNode(), phương thức này không trả về đối tượng Attr Node.

Cú pháp

node.removeAttribute(attributeName);

Ví dụ

Ví dụ sử dụng 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>Demo phương thức removeAttribute() 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() {
    document.querySelector("p").removeAttribute("style");
  }
</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>.