Metode contains

Die metode contains laat jou toets, of een element 'n ander element binne-in homself bevat. Die parameter van die metode is die element wat getoets sal word of dit binne die element is waarop die metode toegepas word.

Sintaksis

javascriptouer.contains(element);

Voorbeeld

Kom ons toets of die paragraaf #child in die blok #parent is:

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);

Resultaat van die kode-uitvoering:

javascripttrue

Voorbeeld

Nou is die oorgee element nie in die ouer nie en daarom gee die metode false terug:

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);

Resultaat van die kode-uitvoering:

javascriptfalse

Voorbeeld

Jy kan dieselfde element deurgee waarop die metode geroep is, in hierdie geval sal die metode ook true teruggee:

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

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

console.log(contains);

Resultaat van die kode-uitvoering:

javascripttrue

Kyk ook