เมธอด hasAttributes() ใน HTML DOM

เมธอด hasAttributes() ใน HTML DOM ตรวจสอบว่าองค์ประกอบมีแอตทริบิวต์ใดๆ หรือไม่ คืนค่า true หากมีแอตทริบิวต์ false หากไม่มี หากเรียกใช้บนโหนดที่ไม่ใช่ element node จะคืนค่า false เสมอ

ไวยากรณ์ (Syntax)

node.hasAttributes()

ตัวอย่าง

ตัวอย่างการตรวจสอบว่าย่อหน้ามีแอตทริบิวต์หรือไม่:

<!DOCTYPE html>
<html>
<body>
<h1>ตัวอย่าง hasAttributes()</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>

ผลลัพธ์

เมื่อโหลดหน้าเว็บจะแสดงย่อหน้าที่ไม่มีแอตทริบิวต์ ปุ่ม "CHECK" และข้อความ "The paragraph above hasAttribute value:"

เมื่อคลิกปุ่ม "CHECK" จะต่อท้าย "false" (เพราะย่อหน้าแรกไม่มีแอตทริบิวต์)

คำอธิบายโค้ด

• สร้าง <p> ไม่มีแอตทริบิวต์
• สร้างปุ่ม "CHECK" เรียกใช้ containsAttr() เมื่อคลิก
• ฟังก์ชัน containsAttr() ดึง <p> ตัวแรกด้วย getElementsByTagName("P")[0] เก็บใน p
• เรียก p.hasAttributes() คืนค่า false แล้วต่อท้ายในย่อหน้า id="Sample" ด้วย innerHTML +=