Tengo el siguiente codigo...
HTML
<ul>
<li>Muestra 1</li>
<li>Muestra 2</li>
<li>Muestra 3</li>
<li>Muestra 4</li>
<li>Muestra 5</li>
<li>Muestra 6</li>
</ul>
<button onclick="promptTexto()">Clic aquí</button>
JS
function promptTexto(){
var texto = document.createTextNode(prompt("Texto: "));
var nuevoLi = document.createElement("li");
nuevoLi.appendChild(texto);
document.getElementsByTagName("ul")[0].innerHTML += nuevoLi;
}
Lo que quiero és que puedas añadir un elemento <li>
al clicar el botón. En cambio, en vez de añadir un <li>
, pone [object HTMLLIElement]
. He probado poniendo document.getElementsByTagName("ul")[0].innerHTML += nuevoLi.textContent;
pero sólo me añade el texto, sin la etiqueta <li>
.
No he podido encontrar nada y llevo un buen rato buscando. Cualquier ayuda es bienvenida.