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 методу