Metod contains

Metod contains bir elementning boshqa elementni o'z ichiga olganligini tekshirish imkonini beradi. Metod parametri sifatida tekshiriladigan element uzatiladi, u metod qo'llanilgan element ichida joylashganligi tekshiriladi.

Sintaksis

javascriptota.contains(element);

Misol

#child abzasining #parent blokida joylashganligini tekshiramiz:

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

Kodni bajarish natijasi:

javascripttrue

Misol

Endi esa otada uzatilgan element mavjud emas va shuning uchun metod false qiymatini qaytaradi:

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

Kodni bajarish natijasi:

javascriptfalse

Misol

Metod chaqirilgan elementning o'zini ham uzatish mumkin, bu holda metod true qiymatini qaytaradi:

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

console.log(contains);

Kodni bajarish natijasi:

javascripttrue

Shuningdek qarang

  • metod matches,
    elementni selektor bo'yicha tekshiradi
  • metod closest,
    otani selektor bo'yicha topadi