Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

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

Phương thức hasAttributes() kiểm tra xem một phần tử có thuộc tính (attributes) nào không. Trả về true nếu có ít nhất một thuộc tính, false nếu không có. Nếu gọi trên nút không phải phần tử (element node), luôn trả về false.

Cú pháp

node.hasAttributes()

Ví dụ

Ví dụ kiểm tra đoạn văn có thuộc tính hay không:

<!DOCTYPE html>
<html>
<body>
<h1>Ví dụ hasAttributes()</h1>
<p>Đoạn văn này không có thuộc tính</p>
<button onclick="checkAttr()">KIỂM TRA</button>
<p id="Sample">Đoạn văn trên có thuộc tính: </p>
<script>
  function checkAttr() {
    var p = document.getElementsByTagName("P")[0];
    document.getElementById("Sample").innerHTML += p.hasAttributes();
  }
</script>
</body>
</html>

Kết quả

Ban đầu hiển thị: "Đoạn văn trên có thuộc tính: ".

Sau khi nhấn "KIỂM TRA", thêm false (vì đoạn văn đầu tiên không có thuộc tính).

Giải thích

  • Đoạn văn <p> đầu tiên không có thuộc tính nào.
  • Nút "KIỂM TRA" gọi hàm checkAttr().
  • Hàm lấy phần tử <p> đầu tiên qua getElementsByTagName("P")[0].
  • Gọi .hasAttributes() trả về false, nối vào innerHTML của đoạn văn kết quả.