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

Phương thức HTML DOM hasAttributes () kiểm tra xem một phần tử có bất kỳ thuộc tính nào hay không. Nó trả về true nếu phần tử có chứa bất kỳ thuộc tính nào và trả về false nếu không chứa thuộc tính. Nếu phương thức này được gọi trên bất kỳ nút nào khác với nút phần tử, giá trị trả về sẽ luôn là false.

Cú pháp

Sau đây là cú pháp cho phương thức hasAttribbutes () -

node.hasAttributes()

Ví dụ

Chúng ta hãy xem một ví dụ cho phương thức hasAttributes () -

<!DOCTYPE html>
<html>
<body>
<h1>hasAttributes() example</h1>
<p>This paragraph has no attributes</p>
<button onclick="containsAttr()">CHECK</button>
<p id="Sample">The paragraph above hasAttribute value : </p>
<script>
   function containsAttr() {
      var p = document.getElementsByTagName("P")[0];
      document.getElementById("Sample").innerHTML+=p.hasAttributes();
   }
</script>
</body>
</html>

Đầu ra

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

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

Khi nhấp vào nút KIỂM TRA -

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

Trong ví dụ trên -

Chúng tôi đã tạo một đoạn văn không có thuộc tính nào được liên kết với nó -

<p>This paragraph has no attributes</p>

Sau đó, chúng tôi đã tạo nút CHECK thực thi phương thức checkAttr () khi được người dùng nhấp vào -

<button onclick="containsAttr()">CHECK</button>

Phương thức containsAttr () lấy phần tử

đầu tiên bằng cách sử dụng phương thức getElementsByTagName () và sử dụng chỉ mục để lấy phần tử đầu tiên và gán nó cho biến p. Sau đó, nó gọi phương thức hasAttributes () dựa trên biến p và trả về false vì phần tử

đầu tiên của chúng ta không có thuộc tính nào. Giá trị này được nối vào đoạn văn có id “Sample” bằng cách sử dụng thuộc tính innerHTML:

function containsAttr() {
   var p = document.getElementsByTagName("P")[0];
   document.getElementById("Sample").innerHTML+=p.hasAttributes();
}