Метод 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

Погледајте такође