Ayuda DOM
Publicado por Mstti (2 intervenciones) el 19/09/2014 16:39:49
Hola soy nuevo en javaScript, espero que me puedan ayudar con el siguiente problema. Tengo una lista desordenada <ul> a la cual quiero agregar elementos <li> con java script, el contenido de elemento <li>se obtiene de un campo de texto. El codigo que recupera el texto, crea el elemento <li> y agrega a la lista <ul> es:
La funcion agrega el elemento <li>luego AUTOMATICAMENTE actualiza la pagina y elimina nuevamente el elemento <li> creado, como puedo hacer para que no se actualice automaticamente., o para que no se elimine el elemento <li> creado.
1
2
3
4
5
6
7
8
function handleButtonClick() {
var textInput = document.getElementById("songTextInput");
var songName = textInput.value; // recupermos el texto
var li = document.createElement("li"); //creamos el elemento <li>
li.innerHTML = songName;
var ul = document.getElementById("playlist");
ul.appendChild(li);// agregamos el elemento <li> a <ul>
}Valora esta pregunta
0
