Meetod contains

Meetod contains võimaldab kontrollida, kas üks element sisaldab endas teist. Meetodi parameetrina antakse element, mida kontrollitakse, kas see asub meetodi rakendatud elemendi sees.

Süntaks

javascriptvanem.contains(element);

Näide

Kontrollime, kas lõik #child asub plokis #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);

Koodi täitmise tulemus:

javascripttrue

Näide

Nüüd vanemas ei ole antud elementi ja seetõttu tagastab meetod 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);

Koodi täitmise tulemus:

javascriptfalse

Näide

Võib edastada sama elemendi, millel meetod kutsuti välja, sel juhul tagastab meetod samuti true:

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

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

console.log(contains);

Koodi täitmise tulemus:

javascripttrue

Vaata ka