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