contains Metodu

contains metodu, bir elementin içinde başka bir elementi içerip içermediğini kontrol etmeyi sağlar. Metodun parametresi olarak, metodun uygulandığı elementin içinde olup olmadığı kontrol edilecek element iletilir.

Sözdizimi

javascriptebeveyn.contains(element);

Örnek

#child paragrafının #parent bloğunun içinde olup olmadığını kontrol edelim:

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);

Kodun çalıştırılma sonucu:

javascripttrue

Örnek

Şimdi ise ebeveynde iletilen element yok ve bu nedenle metod false döndürür:

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);

Kodun çalıştırılma sonucu:

javascriptfalse

Örnek

Metodun çağrıldığı aynı element iletilebilir, bu durumda metod yine true döndürecektir:

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

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

console.log(contains);

Kodun çalıştırılma sonucu:

javascripttrue

Ayrıca Bakınız