Μέθοδος 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

Δείτε επίσης