Metoden contains

Metoden contains lar deg sjekke, om ett element inneholder et annet inni seg. Parameteren til metoden er elementet som vil bli sjekket for om det befinner seg inni elementet som metoden ble brukt på.

Syntaks

javascriptforelder.contains(element);

Eksempel

La oss sjekke om avsnittet #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);

Resultat av kjøring av kode:

javascripttrue

Eksempel

Nå er det ikke noe overført element i forelderen 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);

Resultat av kjøring av kode:

javascriptfalse

Eksempel

Du kan sende det samme elementet som metoden ble kalt på, i dette tilfellet vil metoden også returnere true:

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

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

console.log(contains);

Resultat av kjøring av kode:

javascripttrue

Se også