Методот contains

Методот contains овозможува да се провери, дали еден елемент содржи друг елемент внатре во себе. Како параметар на методот се пренесува елемент, кој ќе се проверува дали се наоѓа внатре во елементот, на кој се применува методот.

Синтакса

javascriptродител.contains(елемент);

Пример

Да провериме дали параграфот #child се наоѓа во блокот #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);

Резултат од извршувањето на кодот:

javascripttrue

Пример

А сега во родителот го нема пренесениот елемент и затоа методот враќа 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);

Резултат од извршувањето на кодот:

javascriptfalse

Пример

Може да се пренесе истиот елемент, на кој методот беше повикан, во овој случај методот исто така ќе врати true:

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

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

console.log(contains);

Резултат од извршувањето на кодот:

javascripttrue

Погледнете исто така