วิธี contains

วิธี contains ช่วยให้คุณตรวจสอบได้ว่า องค์ประกอบหนึ่งมีองค์ประกอบอื่นอยู่ภายในหรือไม่ พารามิเตอร์ของวิธีใช้องค์ประกอบที่จะถูกตรวจสอบว่า มันอยู่ภายในองค์ประกอบที่ใช้วิธีหรือไม่

ไวยากรณ์

javascriptparent.contains(element);

ตัวอย่าง

ตรวจสอบว่าย่อหน้า #child อยู่ในบล็อก #parent หรือไม่:

html<div id="parent">
  <p id="child"></p>
</div>

javascriptlet parent = document.querySelector('#parent');
let child = document.querySelector('#child');

let contains = parent.contains(child);
console.log(contains);

ผลลัพธ์การทำงานของโค้ด:

javascripttrue

ตัวอย่าง

และตอนนี้ไม่มีองค์ประกอบที่ส่งมาใน parent ดังนั้นวิธีจึงคืนค่า false:

html<div id="parent"></div>
<p id="child"></p>

javascriptlet parent = document.querySelector('#parent');
let child = document.querySelector('#child');

let contains = parent.contains(child);
console.log(contains);

ผลลัพธ์การทำงานของโค้ด:

javascriptfalse

ตัวอย่าง

สามารถส่งองค์ประกอบเดียวกันที่เรียกใช้ วิธีได้ ในกรณีนี้วิธีจะคืนค่า true ด้วย:

html<div id="parent"></div>

javascriptlet parent = document.querySelector('#parent');
let contains = parent.contains(parent);

console.log(contains);

ผลลัพธ์การทำงานของโค้ด:

javascripttrue

ดูเพิ่มเติม