Методот contains
Методот contains овозможува да се провери,
дали еден елемент содржи друг елемент внатре во себе.
Како параметар на методот се пренесува елемент, кој
ќе се проверува дали се наоѓа
внатре во елементот, на кој се применува методот.
Синтакса
родител.contains(елемент);
Пример
Да провериме дали параграфот #child
се наоѓа во блокот #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);
Резултат од извршувањето на кодот:
true
Пример
А сега во родителот го нема пренесениот елемент
и затоа методот враќа 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);
Резултат од извршувањето на кодот:
false
Пример
Може да се пренесе истиот елемент, на кој
методот беше повикан, во овој случај методот исто така
ќе врати true:
<div id="parent"></div>
let parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
Резултат од извршувањето на кодот:
true