Contains metodas

Metodas contains leidžia patikrinti, ar vienas elementas savyje turi kitą. Metodo parametru perduodamas elementas, kuris bus tikrinamas, ar jis yra elemente, kuriam buvo pritaikytas metodas.

Sintaksė

javascripttėvinis.contains(elementas);

Pavyzdys

Patikrinkime, ar pastraipa #child yra bloke #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);

Kodo vykdymo rezultatas:

javascripttrue

Pavyzdys

Dabar tėviniame elemente nėra perduoto elemento ir todėl metodas grąžina 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);

Kodo vykdymo rezultatas:

javascriptfalse

Pavyzdys

Galima perduoti tą patį elementą, ant kurio metodas buvo iškviestas, šiuo atveju metodas taip pat grąžins true:

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

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

console.log(contains);

Kodo vykdymo rezultatas:

javascripttrue

Taip pat žiūrėkite