Maison > interface Web > js tutoriel > le corps du texte

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

不言
Libérer: 2018-05-05 11:34:52
original
3073 Les gens l'ont consulté

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)" />
Copier après la connexion

Ç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>
Copier après la connexion


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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!