eliminar un div según el id

[edu007ar]

hola, tengo otra consulta para terminar de desarrollar una función en javascript.

Necesitaría saber con qué función puedo borrar un div previamente creado con innerHTML..

ejemplo, yo creo un div con la función innerHTML="<div id=xx>texto</div>"

¿puedo borrarlo luego sabiendo que se llama id=xx?

Gracias.
Eduardo

[David]

Puedes llamar al método removeChild del nodo padre que lo contiene.

[edu007ar]

me imaginé que sería con algo así... ¿algún ejemplo?

Gracias.

Eduardo

[David]

En este enlace encontrarás un ejemplo: https://developer.mozilla.org/en/DOM...nt.removeChild

Además, ya que vas a manejar innerHTML (aunque lo ideal sería modificar el DOM y añadir elementos con appendChild) puedes directamente eliminar el div de la cadena buscando con indexOf y con substr cortando la cadena, o si es el único elemento hasta con innerHTML = "".

[edu007ar]

Te agradesco la respuesta, encontré ahí lo que buscaba.

Aprovecho para hacer la última consulta al respecto, ya que no lo encontré en el link que me indicaste: ¿Se puede contar la cantidad de Child que hay dentro de un div?, es decir, contar la cantidad de divs que hay dentro del div principal.....

Explico mejor lo que necesito hacer: tengo un div principal, al cual con "innerHTML+=" (esto me lo explicó JavierB) le voy agregando divs adentro, una vez que llega a 20 tendría que ir borrando los primeros para poder seguir agregando divs al final. ¿Se entiende más o menos?

Gracias.
Eduardo

[caricatos]

Iniciado por David el Grande

En este enlace encontrarás un ejemplo: https://developer.mozilla.org/en/DOM...nt.removeChild

Además, ya que vas a manejar innerHTML (aunque lo ideal sería modificar el DOM y añadir elementos con appendChild) puedes directamente eliminar el div de la cadena buscando con indexOf y con substr cortando la cadena, o si es el único elemento hasta con innerHTML = "".

Hola:

Teniendo nuestras maravillosas FAQs, en este caso no es necesario referenciar sitios externos: FAQ198: DOM: Eliminar elementos

Sobre la última pregunta, puedes ver la colección (array) childNodes... y al ser un array consultar el atributo length...

alert("childs: " + unDiv.childNodes.length

Saludos

[David]

Gracias caricatos por colocar el enlace a las FAQ's .

No lo había visto, lo siento :.

[edu007ar]

anduvo perfecto, con el childNodes.length y lo que me había pasado David fue más que suficiente.

Gracias.
Slds.

[caricatos]

Iniciado por David el Grande

Gracias caricatos por colocar el enlace a las FAQ's .

No lo había visto, lo siento :.

Bueno, bueno... tampoco es que hayas sido malo para que te disculpes... además es buena referencia, pero creo que mi solución es más eficiente, porque a quien no le ha pasado que inserta nuevos tags como un label o un span, etc, y el árbol del documento varía... y hay que variar la referencia del padre...

Iniciado por edu007ar

anduvo perfecto, con el childNodes.length y lo que me había pasado David fue más que suficiente.

Gracias.
Slds.

Me alegro. Y considera mi comentario anterior...

Saludos

[chapaskin]

Estimados, disculpa que reviva este hilo pero creo que sera un buen aporte.

Supongamos que no tenemos div padres, o que en distintos formulario el div padre tiene distinto nombre "como me paso a mi :D".

la silucion es la siguiente


elemento=document.getElementById('mensajeIng');
elemento.parentNode.removeChild(elemento);

se elimina el div sin necesidad de hacer referencia al div (elemento) padre.

[caricatos]

Hola:

chapaskin: Evidentemente no has mirada el enlace de nuestras FAQs, que justamente tiene esa misma instrucción.

Aprovecho para cerrar el tema, siempre puede referenciarse

Saludos