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

javascriptinduk.contains(elemen);

Contoh

Mari periksa apakah paragraf #child berada di dalam blok #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);

Hasil eksekusi kode:

javascripttrue

Contoh

Sekarang induk tidak memiliki elemen yang diteruskan dan oleh karena itu metode mengembalikan 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);

Hasil eksekusi kode:

javascriptfalse

Contoh

Anda dapat meneruskan elemen yang sama tempat metode dipanggil, dalam hal ini metode juga akan mengembalikan true:

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

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

console.log(contains);

Hasil eksekusi kode:

javascripttrue

Lihat juga