Méthode JavaScript pour obtenir le prochain nœud de dom

Cet article présente principalement la méthode pour obtenir le prochain nœud de dom en utilisant javascript pour réaliser l'accumulation de nombres en cliquant sur le bouton d'ajout et de soustraction sur la page. Les amis qui en ont besoin peuvent se référer à

Utiliser javascript. pour écrire une méthode d'addition et de soustraction en cliquant sur la page Les boutons réalisent l'accumulation de nombres.

Le HTML simple est probablement comme ça. Comprenez simplement et ne vous inquiétez pas de ces détails

<input type="button" value="+" onclick="jia(this)" />
<label class="num">0</label>
<input type="button" value="-" onclick="jian(this)" />

Ça ressemble à ça

Le code javascript est le suivant

<script type="text/javascript">
function jia(a)
{
var nextnode = a.nextElementSibling;//获取下一个节点

alert(nextnode.innerHTML);
var a = parseInt(nextnode.innerHTML)
a += 1;
nextnode.innerHTML = a;
}
function jian(a) {
var previousnode = a.previousElementSibling;
var a = parseInt(previousnode.innerHTML)
a -= 1;
a = a > 0 ? a : 0;
previousnode.innerHTML = a;
}
</script>

Expliquez-le :

fonction jian (a) et

fonction jia(a) est l'objet actuellement cliqué. Ajoutez ceci à la méthode connectée à l'événement onclick ; Remarque : IE ignorera les nœuds de document d'espace (tels que les caractères de saut de ligne) générés entre les nœuds, mais Mozilla ne le fera pas - FF traitera les éléments de mise en page tels que les sauts d'espace et les sauts de ligne. au fur et à mesure que le nœud lit, donc dans IE. L'élément de nœud suivant qui peut être lu à l'aide de nextSibling dans FF doit être écrit comme ceci : nextElementSibling.

L'explication ci-dessus signifie utiliser nextElementSibling et previousElementSibling pour obtenir le nœud frère suivant et le nœud frère précédent. Vous pouvez supprimer les sauts de ligne, les espaces, etc., et trouver directement notre élément d'étiquette. Mais les deux suivants

nextSibling

previousSibling font également référence au nœud frère suivant et au nœud frère précédent, mais ils sont faciles à utiliser dans IE

----------- - --------Explication du mot clé

fonction de conversion parseInt.

a = a > 0 ? a : 0;----expression ternaire.

Recommandations associées :

JavaScript pour obtenir des informations HTTP dans la barre de navigation, exemple de partage

JavaScript pour obtenir des cookies et supprimer les cookies en détail

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!