DOM:Element.insertAdjacentHTML()

De W3API
Saltar a: navegación, buscar

Contenido

Descripción

Parsea el texto pasado como parámetro y lo inserta dentro del DOM en una posición específica.

Sintaxis

element.insertAdjacentHTML(position, html);

Parametros

  • postion, puede tener los valores "beforebegin" o antes del elemento, "afterbegin" o al inicio del elemento, "beforeend" o al final del elemento y "afterend" o después del elemento.
  • html, contenido HTML a insertar.

Objeto JavaScript al que aplica

Element

Ejemplo

<ul id="lista">
  <li>Elemento</li>
</ul>

<button id="add">insertAdjacentHTML</button>

<script>
var lista;
var boton = document.getElementById("add");
boton.addEventListener("click",function(){	
	lista = document.getElementById("lista");
	lista.insertAdjacentHTML("beforeend","<li>Elemento</li>");
},false);
</script>

Lineas de Código

Herramientas personales
Espacios de nombres
Variantes
Acciones
Navegación
api's
webs
Herramientas