javascript-tutorial / javascript-tutorial/en.javascript.info

Incorrect usage of nextSibling and previousSibling

Ouverte
#3,771 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Langage dominant
HTML
Étoiles
25.5k
Forks
4k
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

I encountered an error when learning about DOM navigation, in the [Walking the DOM](https://javascript.info/dom-navigation), under the [Siblings and the parent](https://javascript.info/dom-navigation#siblings-and-the-parent) using `nextSibling` and `previousSibling`. These properties return the next and previous node, which is the text node.

```js
// parent of is
alert(document.body.parentNode === document.documentElement); // true

// after goes
alert(document.head.nextSibling); // Might not be HTMLBodyElement due to text nodes

// before goes
alert(document.body.previousSibling); // Might not be HTMLHeadElement due to text nodes

```

If you look at the alert displayed. The `nextSibling` and `previousSibling` may not return the expected `HTMLBodyElement` and `HTMLHeadElement` due to the presence of a text node.

Please consider updating, or correcting the examples.

Thank you!

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par la page « Walking the DOM » à l’URL de documentation indiquée, plus précisément par la section « Siblings and the parent » et ses exemples de nextSibling et previousSibling. Vérifiez que les exemples prennent correctement en compte les nœuds de texte et mettez à jour le texte ou le code afin que les résultats attendus soient clairs. Le travail est terminé lorsque les exemples n’impliquent plus que ces propriétés renvoient toujours HTMLBodyElement ou HTMLHeadElement.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
javascript
Domaine
documentation
Type d'issue
Documentation
Difficulté
2/5
Temps estimé
1-3 heures
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
50/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.