Estoy intentando crear una lista UL para ponerla despues de un parrafo en concreto con id "parrafo" desde javascript y no lo consigo.
Código Javascript:
Ver original
var listaGeneral = new Array(); var numProductos=0; var control=0; function Producto(nombre) { this.nombre = nombre; } //funcion que añade un producto a la lista y manda a la funcion print //ESTO VA BIEN function addProduct(){ var valor = document.getElementById("texto").value; listaGeneral[numProductos]=new Producto(valor); numProductos=numProductos+1; print(); } //funcion que printa en la web (genera codigo html) de los productos añadidos //reescribe los datos que anteriormente hubiera function print(){ if (control>0){ // Obtenemos el elemento var capaAux = document.getElementById("capa"); // Obtenemos el padre de dicho elemento // con la propiedad “parentNode” var padre = capaAux.parentNode; // Eliminamos el hijo (él) del elemento padre padre.removeChild(capaAux); } control=control+1; //volvemos a crear la lista con el mismo id //NO FUNCIONA var parrafoAux = document.getElementById("parrafo"); var UL = document.createElement("UL"); UL.id=”capa”; parrafoAux.appendChild(UL); alert("putamierda"); //rellenamos la lista entera al completo for (var i=0; i<(numProductos+1); i++){ var texto = listaGeneral[i].nombre; alert(listaGeneral[i].nombre); var capa = document.getElementById("capa"); var LI = document.createElement("LI"); LI.innerHTML = texto; capa.appendChild(LI); } var texto = document.getElementById("texto").value="";
Los datos se que me los coge bien del array listaGeneral por distintas pruebas que he echo. También he probado de poner la lista UL directamente en el codigo html, pero entonces lo que hace es ir agregando los datos que voy introduciendo cada vez desde 0 (cuando yo quiero que me borre la lista anterior y la vuelva a printar entera).
Muchas gracias por la ayuda, un saludo!