วิธี contains
วิธี contains ช่วยให้คุณตรวจสอบได้ว่า
องค์ประกอบหนึ่งมีองค์ประกอบอื่นอยู่ภายในหรือไม่
พารามิเตอร์ของวิธีใช้องค์ประกอบที่จะถูกตรวจสอบว่า
มันอยู่ภายในองค์ประกอบที่ใช้วิธีหรือไม่
ไวยากรณ์
parent.contains(element);
ตัวอย่าง
ตรวจสอบว่าย่อหน้า #child
อยู่ในบล็อก #parent หรือไม่:
<div id="parent">
<p id="child"></p>
</div>
let parent = document.querySelector('#parent');
let child = document.querySelector('#child');
let contains = parent.contains(child);
console.log(contains);
ผลลัพธ์การทำงานของโค้ด:
true
ตัวอย่าง
และตอนนี้ไม่มีองค์ประกอบที่ส่งมาใน parent
ดังนั้นวิธีจึงคืนค่า false:
<div id="parent"></div>
<p id="child"></p>
let parent = document.querySelector('#parent');
let child = document.querySelector('#child');
let contains = parent.contains(child);
console.log(contains);
ผลลัพธ์การทำงานของโค้ด:
false
ตัวอย่าง
สามารถส่งองค์ประกอบเดียวกันที่เรียกใช้
วิธีได้ ในกรณีนี้วิธีจะคืนค่า true ด้วย:
<div id="parent"></div>
let parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
ผลลัพธ์การทำงานของโค้ด:
true
