Obtenir le n?ud précédent

En Javascript, récupérez le n?ud précédent via previousSibling.

Syntaxe?:

    nodeObject.previousSibling

Parmi eux, nodeObject est l'objet n?ud (n?ud élément).

Sous IE, les n?uds vides (espaces, retours chariot et touches de tabulation) entre les n?uds seront ignorés?; sous les navigateurs qui suivent les spécifications du W3C (Chrome, FireFox, Safari, etc.), ils ne le seront pas.

Veuillez regarder le morceau de code suivant?:

<div id="demo">
    <div name="preNode">上一個(gè)節(jié)點(diǎn)</div>
    <div id="thisNode">當(dāng)前節(jié)點(diǎn)</div>
    <div name="nextNode">下一個(gè)節(jié)點(diǎn)</div>
</div>
<script type="text/javascript">
document.getElementById("thisNode").onclick=function(){
    var preNode=this.previousSibling;
    alert(
        "上一個(gè)節(jié)點(diǎn)的類型是："+preNode.nodeType+"\n"+
        (preNode.nodeType==1?"上一個(gè)節(jié)點(diǎn)的名稱是："+preNode.getAttribute("name"):"")
        );
}
</script>

Exemple de démonstration?:

Sous IE8.0, il affiche?:
Le type du n?ud précédent Est : 1
Le nom du n?ud précédent est : preNode
Sous Chrome, Opera, Safari, FireFox, il affiche :
Le type du n?ud précédent est : 3

Pour le code ci-dessus Faites une légère modification pour supprimer l'espace blanc entre les n?uds :

<div id="demo"><div name="preNode">上一個(gè)節(jié)點(diǎn)</div><div id="thisNode">當(dāng)前節(jié)點(diǎn)</div><div name="nextNode">下一個(gè)節(jié)點(diǎn)</div></div>
<script type="text/javascript">
document.getElementById("thisNode").onclick=function(){
    var preNode=this.previousSibling;
    alert(
        "上一個(gè)節(jié)點(diǎn)的類型是："+preNode.nodeType+"\n"+
        (preNode.nodeType==1?"上一個(gè)節(jié)點(diǎn)的名稱是："+preNode.getAttribute("name"):"")
        );
}
</script>

Exemple de démonstration :

Dans tous les navigateurs, il affiche :
Top Le type d'un n?ud est : 1
Le nom du n?ud précédent est : preNode

Récupérer le n?ud suivant

in En Javascript, vous pouvez utiliser nextSibling pour obtenir le n?ud suivant.

Comme previousSibling, sous IE, nextSibling ignorera également les n?uds vides (espaces, retours chariot et touches de tabulation) entre les n?uds?; sous les navigateurs qui suivent les spécifications du W3C (Chrome, FireFox, Safari, etc.). .