Μέθοδος contains
Η μέθοδος contains επιτρέπει τον έλεγχο,
αν ένα στοιχείο περιέχει μέσα του ένα άλλο.
Ως παράμετρος της μεθόδου περνιέται το στοιχείο που
θα ελεγχθεί για το αν βρίσκεται
μέσα στο στοιχείο στο οποίο εφαρμόστηκε η μέθοδος.
Σύνταξη
γονέας.contains(στοιχείο);
Παράδειγμα
Ας ελέγξουμε αν η παράγραφος #child
βρίσκεται στο μπλοκ #parent:
<div id="parent">
<p id="child"></p>
</div>
let parent = document.querySelector('#parent');
let child = document.querySelector('#child');
let contains = parent.contains(child);
console.log(contains);
Αποτέλεσμα εκτέλεσης κώδικα:
true
Παράδειγμα
Τώρα ο γονέας δεν έχει το στοιχείο που περνάμε
και επομένως η μέθοδος επιστρέφει false:
<div id="parent"></div>
<p id="child"></p>
let parent = document.querySelector('#parent');
let child = document.querySelector('#child');
let contains = parent.contains(child);
console.log(contains);
Αποτέλεσμα εκτέλεσης κώδικα:
false
Παράδειγμα
Μπορείτε να περάσετε το ίδιο στοιχείο, στο οποίο
κλήθηκε η μέθοδος, σε αυτήν την περίπτωση η μέθοδος επίσης
θα επιστρέψει true:
<div id="parent"></div>
let parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
Αποτέλεσμα εκτέλεσης κώδικα:
true
