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

Вижте също