element.insertAdjacentHTML() Inserir HTML adjacente
Última atualização: 2026-10-13
element.insertAdjacentHTML() Inserir HTML adjacente
insertAdjacentHTML insere HTML em uma posição especificada sem sobrescrever o conteúdo existente.
| Categoria | DOM |
|---|
⚙️ Parâmetros
| position | |
|---|---|
| html |
Retorno：undefined.
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
⚠️ Aviso
🌐 Suporte do navegador
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| element.insertAdjacentHTML() | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado por todos os navegadores modernos | |||||
🏷️ Métodos DOM relacionados
💡 Casos relacionados
Mais estudos de caso em breve — aguarde.
📚 Tutoriais relacionados
❓ Perguntas frequentes
QinsertAdjacentHTML x innerHTML?
AinsertAdjacentHTML insere em uma posição sem sobrescrever; innerHTML substitui tudo.
Qbeforeend x afterend?
Abeforeend fica dentro como último filho; afterend fica fora como próximo irmão.
QQuais são as quatro posições?
Abeforebegin, afterbegin, beforeend, afterend.
