HTML DOM hasAttributes() วิธีการตรวจสอบว่าองค์ประกอบมีคุณสมบัติใด ๆ หรือไม่ คืนค่าจริงหากองค์ประกอบมีแอตทริบิวต์ใด ๆ และคืนค่าเท็จหากไม่มี หากมีการเรียกใช้เมธอดนี้บนโหนดอื่นที่ไม่ใช่โหนดองค์ประกอบ ค่าที่ส่งคืนจะเป็นเท็จเสมอ
ไวยากรณ์
ต่อไปนี้เป็นรูปแบบไวยากรณ์สำหรับ hasAttributes() วิธีการ -
node.hasAttributes()
ตัวอย่าง
ให้เราดูตัวอย่างสำหรับวิธี 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> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิกปุ่มตรวจสอบ -
ในตัวอย่างข้างต้น −
เราได้สร้างย่อหน้าที่ไม่มีคุณลักษณะที่เกี่ยวข้อง -
<p>This paragraph has no attributes</p>
เราได้สร้างปุ่ม CHECK ที่รันเมธอด checkAttr() เมื่อผู้ใช้คลิก -
<button onclick="containsAttr()">CHECK</button>
เมธอด containAttr() รับองค์ประกอบ
แรกโดยใช้เมธอด getElementsByTagName() และใช้ดัชนีเพื่อรับองค์ประกอบแรกและกำหนดให้กับตัวแปร p จากนั้นเรียกใช้เมธอด hasAttributes() บนตัวแปร p และคืนค่าเท็จเนื่องจากองค์ประกอบ
แรกของเราไม่มีแอตทริบิวต์ ค่านี้ต่อท้ายย่อหน้าที่มี id “Sample” โดยใช้คุณสมบัติ innerHTML:
function containsAttr() {
var p = document.getElementsByTagName("P")[0];
document.getElementById("Sample").innerHTML+=p.hasAttributes();
} 