Queremos que este proyecto de código abierto esté disponible para personas de todo el mundo.

Ayuda a traducir el contenido de este tutorial a tu idioma!

regresar a la lección

Inserta el HTML en la lista

importancia: 5

Escribe el código para insertar <li>2</li><li>3</li> entre dos <li> aquí:

<ul id="ul"> <li id="one">1</li> <li id="two">4</li> </ul>

Cuando necesitamos insertar una pieza de HTML en algún lugar, insertAdjacentHTML es lo más adecuado.

La solución:

one.insertAdjacentHTML('afterend', '<li>2</li><li>3</li>');