Eliminar elmento

[Dude--]

Mediante el siguiente código:

Código javascript:

var ancla = document.getElementById("label_test");
                        var explicacion = document.createElement("span");
            var salto_linea = document.createElement("br");
            explicacion.setAttribute("id", "explicacion");
            explicacion.innerHTML = "pruebaaaaaa";
            explicacion.style.visibility = "visible";
                    
            ancla.appendChild(salto_linea);
            ancla.appendChild(explicacion);
 

Se crean dos elementos un <span> y un elemento <br />, la situación hipotética que deben ocupar ambos puede verse comentada en el siguiente código html, solo como muestra de donde quiero situarlo).

Código html:

<form id="formulario_registro" name="formulario_registro" action="?accion=registrar" method="post" enctype="application/x-www-form-urlencoded">
    <label>Email (será tu nombre de usuario): <br />
    <input type="text" id="email" name="email" title="Email de usuario" value="" /></label><br />
    <label id="label_test">Contraseña:<br />
    <input  id="pass" name="pass" type="password" title="Contraseña" value="" oncopy="return false" onpaste="return false" oncut="return false" /><span id="info"></span></label><br /><!--<span id="explicacion"></span><br />-->
 

El problema ocurre cuando intento borrar ambos elementos, lo estoy intentando con:

Código javascript:

ancla.removeChild("explicacion");
 

Pero no hay manera, por cierto estoy usando como "ancla" para situar los elementos creadores el label que contiene al campo "pass", es decir "label_test", sin embargo como puede verse en el código html los elementos creados van fuera del cierre de dicha etiqueta label, inmediatamente después de hecho, supongo que esto puede influir en el problema de su borrado ya que técnicamente no es un hijo y por eso no tenga referencia, sin embargo si lo posiciona correctamente con appendChild() ¿alguna forma más correcta, o al menos más coherente, de situarlos en su posición y poder borrarlos?

[David]

No entendí muy bien. Por un lado appendChild() es para añadir, no para borrar (tal vez hayas copiado mal en el ejemplo).

Puedes hacer algo como esto:

Código javascript:

elemento.parentNode.removeChild(elemento);
 

Donde elemento sería el elemento a borrar.

[Dude--]

Ciertamente copié mal, sería:

Código javascript:

ancla.removeChild("explicacion");
 

Pero esto como ya dije, no funciona.

Pero no hay manera, por cierto estoy usando como "ancla" para situar los elementos creadores el label que contiene al campo "pass", es decir "label_test", sin embargo como puede verse en el código html los elementos creados van fuera del cierre de dicha etiqueta label, inmediatamente después de hecho, supongo que esto puede influir en el problema de su borrado ya que técnicamente no es un hijo y por eso no tenga referencia, sin embargo si lo posiciona correctamente con appendChild() ¿alguna forma más correcta, o al menos más coherente, de situarlos en su posición y poder borrarlos?

[David]

¿Ya intentaste como te indiqué? elemento.parentNode.removeChild(elemento);

Así ya tomarás como referencia el nodo padre para borrar el elemento.

[Dude--]

Iniciado por David el Grande

¿Ya intentaste como te indiqué? elemento.parentNode.removeChild(elemento);

Así ya tomarás como referencia el nodo padre para borrar el elemento.

Si ya lo probé y no funciona.

[David]

Yo lo probé y funcionó sin problemas. ¿Cómo lo intentaste tú?

[Dude--]

Pues con:

Código javascript:

ancla.parentNode.removeChild("explicacion");
 

[David]

Es que yo me refería a:

Código javascript:

var elemento = document.getElementById("explicacion");
elemento.parentNode.removeChild(elemento);
 

[Dude--]

Vale ahora si y el <br /> como puedo borrarlo sin que borre el resto de br´s del form?

[David]

Puedes asignar un id al <br />. Aunque en realidad, ese salto de línea sobra, si le pones style.display = "block" al span, o mejor, si lo cambias por un div, ya se comportará como un elemento en bloque y eso hará que los elementos siguientes queden debajo y no al lado.

[caricatos]

Hola:

Si el salto es el previousSibling, puedes borrarlo antes:

elemento.parentNode.removeChild(elemento.previousS ibling);
elemento.parentNode.removeChild(elemento);

Y si quisieras asegurarte de borrarlo todo, se puede fácilmente con un bucle:
with (elemento.parentNode) while (hasChildNodes()) removeChild(firstChild);

Saludos