Metoden contains
Metoden contains låter dig kontrollera
om ett element innehåller ett annat inuti sig.
Parametern för metoden är elementet som
kommer att kontrolleras för att se om det finns
inuti elementet som metoden applicerades på.
Syntax
förälder.contains(element);
Exempel
Låt oss kontrollera om stycket #child
finns i blocket #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);
Resultat av kodkörning:
true
Exempel
Och nu finns det inte det skickade elementet i föräldern
och därför returnerar metoden 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);
Resultat av kodkörning:
false
Exempel
Du kan skicka samma element som metoden
anropades på, i det här fallet kommer metoden också
returnera true:
<div id="parent"></div>
let parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
Resultat av kodkörning:
true
