Node.isEqualNode()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
La méthode Node.isEqualNode()
permet de tester l'égalité entre deux éléments du DOM. Deux noeuds sont équivalents s'ils ont le même type, les mêmes caractéristiques de définition (ID, nombre d'enfants et autres), des attributs qui correspondent etc. L'ensemble spécifique de points des données qui doit correspondre varie en fonction des types de nœuds.
Syntaxe
var isEqualNode = node.isEqualNode(otherNode);
otherNode
: Le noeud à comparer.
Exemple
Dans cet exemple, nous créons trois blocs <div>
. Le premier et le troisième ont les mêmes contenus et attributs, alors que le second est différent. Alors, nous éxécutons du JavaScript pour comparer les noeuds en utilisant isEqualNode()
et sortons les résultats.
HTML
<div>This is the first element.</div>
<div>This is the second element.</div>
<div>This is the first element.</div>
<p id="output"></p>
CSS
#output {
width: 440px;
border: 2px solid black;
border-radius: 5px;
padding: 10px;
margin-top: 20px;
display: block;
}
JavaScript
let output = document.getElementById("output");
let divList = document.getElementsByTagName("div");
output.innerHTML +=
"div 0 equals div 0: " + divList[0].isEqualNode(divList[0]) + "<br/>";
output.innerHTML +=
"div 0 equals div 1: " + divList[0].isEqualNode(divList[1]) + "<br/>";
output.innerHTML +=
"div 0 equals div 2: " + divList[0].isEqualNode(divList[2]) + "<br/>";
Résultats
Spécifications
Specification |
---|
DOM Standard # ref-for-dom-node-isequalnode① |
Compatibilité des navigateurs
BCD tables only load in the browser