Metod contains

Metod contains bir element içinde başga bir element bardygyny barlamaga mümkinçilik berýär. Metoda parametr hökmünde, metod nähili elemente laýyklandyrylanda, şol element içinde bardygyny barlamaly bolan element berilýär.

Sintaksis

javascriptata.contains(element);

Mysal

#child abzasynyň #parent blok içinde bardygyny barlaýarys:

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

Kody ýerine ýetirmegiň netijesi:

javascripttrue

Mysal

Indi bolsa atada berlen element ýok we şonuň üçin metod false gaýtarýar:

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

Kody ýerine ýetirmegiň netijesi:

javascriptfalse

Mysal

Metod çagyrylan şol element özi hem berlip bilner, bu ýagdaýda metod ýene-de true gaýtarar:

html<div id="parent"></div>
javascriptlet parent = document.querySelector('#parent');
let contains = parent.contains(parent);

console.log(contains);

Kody ýerine ýetirmegiň netijesi:

javascripttrue

Şeýle-de serediň

  • metod matches,
    kabul edilýän selektora görä elementi barlaýar
  • metod closest,
    kabul edilýän selektora görä atany tapýar