Metoden contains

Metoden contains giver mulighed for at kontrollere, om et element indeholder et andet inden i sig. Parameteren for metoden er det element, der bliver kontrolleret for, om det befinder sig inden i det element, som metoden blev anvendt på.

Syntaks

javascriptforælder.contains(element);

Eksempel

Lad os kontrollere, om afsnittet #child er i blokken #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);

Resultatet af kodeudførelsen:

javascripttrue

Eksempel

Og nu er det element, der blev sendt, ikke i forælderen, og derfor returnerer 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);

Resultatet af kodeudførelsen:

javascriptfalse

Eksempel

Man kan sende det samme element, som metoden blev kaldt på, i dette tilfælde vil metoden også returnere true:

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

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

console.log(contains);

Resultatet af kodeudførelsen:

javascripttrue

Se også