Усули contains

Усули contains имконияти санҷидани онро медиҳад, ки як элемент дигареро дар дохили худ доро мебошад ё не. Параметри усул элемент мебошад, ки санҷида мешавад, ки оё он дар дохили элементи татбиқшудаи усул қарор дорад ё не.

Синтаксис

javascriptродитель.contains(элемент);

Намуна

Бисанҷем, ки оё абзаси #child дар блокаи #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);

Натиҷаи иҷрои код:

javascripttrue

Намуна

Акнун дар родитель элементҳои додашуда нестанд ва аз ин рӯ усул 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);

Натиҷаи иҷрои код:

javascriptfalse

Намуна

Метавонад ҳамон элементеро бифиристед, ки усул бар рӯи он даъват шудааст, дар ин ҳолат усул низ true бармегардонад:

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

console.log(contains);

Натиҷаи иҷрои код:

javascripttrue

Ҳамчунин нигаред

  • усули matches,
    ки элементро бо селектор месанҷад
  • усули closest,
    ки родительро бо селектор меёбад