element.appendChild() Anexar um filho

Última atualização: 2026-10-13

element.appendChild() Anexar um filho

appendChild adiciona um nó como último filho. Se o nó já existe, ele é movido.

CategoriaDOM

⚙️ Parâmetros

child

Retorno:O nó filho anexado.

Modifica o original:Sim (no próprio valor)

▶ Exemplo

Edite o código, clique em Executar e veja o resultado no painel de saída:

💡 Dica
ℹ️ info

🌐 Suporte do navegador

Navegador ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
element.appendChild() ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
Suportado por todos os navegadores modernos
Mais estudos de caso em breve — aguarde.

📚 Tutoriais relacionados

❓ Perguntas frequentes

QappendChild clona elementos?
ANão — ele move nós existentes. Use cloneNode(true) para copiar.
QappendChild x append?
Aappend aceita vários argumentos e strings; appendChild apenas um nó.
QComo inserir no início?
AUse prepend() ou insertBefore().
Web-Tutorial.com

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

100%