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

javascriptförälder.contains(element);

Exempel

Låt oss kontrollera om stycket #child finns i blocket #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);

Resultat av kodkörning:

javascripttrue

Exempel

Och nu finns det inte det skickade elementet i föräldern och därför returnerar metoden 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);

Resultat av kodkörning:

javascriptfalse

Exempel

Du kan skicka samma element som metoden anropades på, i det här fallet kommer metoden också returnera true:

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

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

console.log(contains);

Resultat av kodkörning:

javascripttrue

Se även