Méthode contains
La méthode contains permet de vérifier
si un élément en contient un autre.
Le paramètre de la méthode est l'élément qui
sera vérifié pour s'assurer qu'il se trouve
à l'intérieur de l'élément sur lequel la méthode a été appliquée.
Syntaxe
parent.contains(élément);
Exemple
Vérifions si le paragraphe #child
se trouve dans le bloc #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);
Résultat de l'exécution du code :
true
Exemple
Et maintenant, le parent ne contient pas l'élément transmis
et donc la méthode retourne 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);
Résultat de l'exécution du code :
false
Exemple
On peut passer le même élément sur lequel
la méthode a été appelée, dans ce cas la méthode
retournera également true :
<div id="parent"></div>
let parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
Résultat de l'exécution du code :
true
