¿Cuál es la diferencia entre append y appendChild en JavaScript?
La diferencia entre append y appendChild es que append acepta cadenas de texto y nodos (o elementos del DOM), mientras que appendChild solo acepta nodos.
1
2
3
4
5
let div = document.createElement("div")
let p = document.createElement("p")
div.append("Some text", p)
console.log(div.childNodes) // NodeList [ #text "Some text", <p> ]
La mayoría de los navegadores modernos soportan append, pero no en el caso de navegadores obsoletos como Internet Explorer.
En navegadores sin soporte para append, verás el siguiente error:
1
object doesn't support property or method 'append'
Si deseas agregar un Node, cambia de append a appendChild. Para más información, revisa la documentación.
This post is licensed under CC BY 4.0 by the author.