Masquer le prochain frère d'un élément avec Javascript
J'ai un élément saisi de document.getElementById('the_id')
. Comment puis-je obtenir de son frère suivant et de le cacher? J'ai essayé ceci mais ça ne marche pas:
elem.nextSibling.style.display = 'none';
Firebug erreur a été elem.nextSibling.style is undefined
.
source d'informationauteur DisgruntledGoat
Vous devez vous connecter pour publier un commentaire.
c'est parce que Firefox considère les espaces entre les nœuds d'élément à être des nœuds de texte (alors que IE ne fonctionne pas) et, par conséquent, à l'aide de
.nextSibling
sur un élément est que le nœud de texte dans Firefox.Il est utile de disposer d'une fonction à utiliser pour obtenir le prochain nœud de l'élément. Quelque chose comme ceci
ensuite, vous pouvez faire
Prendre un coup d'oeil à la Élément de la Traversée de l'APIl'API se déplace entre les nœuds d'Élément seulement. Cela Permet à l'suivantes:
Et évite ainsi le problème inhérent à nextSibling de potentiellement se non-nœuds d'Élément (par exemple, TextNode la tenue des espaces)
parce que nextSibling peut être un nœud texte ou d'un autre type de nœud
Essayer en parcourant les enfants de cet élément en utilisant quelque chose comme:
Veuillez apporter les corrections nécessaires à la syntaxe.