მეთოდი 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,
    რომელიც პოულობს მშობელს სელექტორით