Apuntes

• Podemos crear nodos de dos formas

  • Crear elementos

  document.createElement("Elemento")
  

  • Podemos crear cualquier elemento que tenga su respectiva etiqueta

  • El hecho de crear un elemento no significa que se agregue al DOM, estará guardado en memoria

  • Crear texto

    document.createTextNode("Texto")
    

    • Solo sera un simple texto creado para agregarlo en algún momento a un elemento

Agregar Nodos

AppendChild

• Nos agrega un nodo al final del elemento en que apliquemos la operación
• Es un método que existe desde hace mucho tiempo, tiene algunas limitaciones

Append

• Es la evolución de appendChild
• Puedes agregar más de un nodo
• Puedes agregar texto sin necesidad de usar createTextNode
• IE 11: No soportado

InsertBefore

• Nos permite poner un nodo antes de alguna referencia que tengamos
• Este método recibe dos parámetros
  • Nuevo Nodo
  • Referencia ⇒ Hijo directo del nodo base

InsertAdjacentElement

• Es un método complejo pero el cual cuenta con una basta flexibilidad