Metode contains
Metode contains memungkinkan Anda memeriksa,
apakah satu elemen berisi elemen lain di dalamnya.
Parameter metode menerima elemen yang
akan diperiksa apakah elemen tersebut berada
di dalam elemen tempat metode diterapkan.
Sintaks
induk.contains(elemen);
Contoh
Mari periksa apakah paragraf #child
berada di dalam blok #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);
Hasil eksekusi kode:
true
Contoh
Sekarang induk tidak memiliki elemen yang diteruskan
dan oleh karena itu metode mengembalikan 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);
Hasil eksekusi kode:
false
Contoh
Anda dapat meneruskan elemen yang sama tempat
metode dipanggil, dalam hal ini metode juga
akan mengembalikan true:
<div id="parent"></div>
let parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
Hasil eksekusi kode:
true