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
ebeveyn.contains(element);
Örnek
#child paragrafının
#parent bloğunun içinde olup olmadığını kontrol edelim:
<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);
Kodun çalıştırılma sonucu:
true
Örnek
Şimdi ise ebeveynde iletilen element yok
ve bu nedenle metod false döndürür:
<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);
Kodun çalıştırılma sonucu:
false
Örnek
Metodun çağrıldığı aynı element iletilebilir,
bu durumda metod yine true döndürecektir:
<div id="parent"></div>
let parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
Kodun çalıştırılma sonucu:
true
