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

Incorrect usage of nextSibling and previousSibling

Aberta
#3,771 0 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Linguagem predominante
HTML
Estrelas
25.5k
Forks
4k
Métricas de merge de PRs
Nenhum PR com merge em 30d

Descrição

I encountered an error when learning about DOM navigation, in the Walking the DOM, under the Siblings and the parent using nextSibling and previousSibling. These properties return the next and previous node, which is the text node.

// parent of <body> is <html>
alert(document.body.parentNode === document.documentElement); // true

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

// before <body> goes <head>
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!

Guia de contribuição

Nenhum guia de contribuição indexado para este repositório

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Direção de pesquisa

Comece pela página “Walking the DOM” na URL de documentação vinculada, especificamente pela seção “Siblings and the parent” e seus exemplos de nextSibling e previousSibling. Verifique se os exemplos levam corretamente em conta os nós de texto e atualize o texto ou o código para que os resultados esperados fiquem claros. O trabalho estará concluído quando os exemplos não implicarem mais que essas propriedades sempre retornam HTMLBodyElement ou HTMLHeadElement.

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia
javascript
Domínio
documentation
Tipo de issue
Documentação
Dificuldade
2/5
Tempo estimado
1-3 horas
Status de atividade
Estagnada
Clareza
Razoavelmente clara
Facilidade para iniciantes
50/100

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.