Clonacion y nodeValue

salbatore · #1 (**permalink**) 14/08/2010, 16:26

Hola foreros:

Estoy haciendo una funcion para clonar elementos con su contenido, pero me esta empezando a doler la cabeza, jeje.

Mi problema viene con los comentarios HTML, es decir:

Código HTML:

Ver original<!--Esto es un comentario HTML-->

¿Existe algun modo de identificar un comentario por medio de DOM?

Os pongo un ejemplo:

Código Javascript:

Ver originalfor (var i=0;i<what.childNodes.length;i++)
        {
            //investigation
                if(!what.childNodes[i].tagName || what.childNodes[i].tagName=='undefined')
                    {
                        //texto, pero tambien me saca los comentarios...
                    }
                else
                    {
                        //un div, un input...
                    }
        }

Es que mi problema es bastante raro. Cuando clono un comentario con JS de este modo:

Código Javascript:

Ver originaltext=document.createTextNode(what.childNodes[i].nodeValue);
where.appendChild(text);

El JS me quita los "<! -->", por lo que el comentario queda a la vista del usuario, muy raro, jeje.

Código HTML:

Ver originalComentario en mi codigo fuente al cargar la web:
     <!--Esto es un comentario HTML-->
Comentario al clonar, a la vista del usuario:
     Esto es un comentario HTML

¿Sabeis algo del tema?... no quiero usar por nada del mundo innerHTML, ya se que que con ese sistema va bien, pero no me vale.

Panino5001 · #2 (**permalink**) 14/08/2010, 16:50

Fijate si esto de da alguna idea:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Documento sin título</title> 
<script> 
onload=function(){ 
    var desde=document.body; 
    var i=0; 
    while(desde.childNodes[i]){ 
        if(desde.childNodes[i].nodeType==8){ 
            alert(desde.childNodes[i].data);     
        } 
        i++; 
    } 
} 
</script> 
</head> 
 
<body> 
Comentario en mi codigo fuente al cargar la web: 
     <!--Esto es un comentario HTML--> 
</body> 
</html>

Panino5001 · #3 (**permalink**) 14/08/2010, 16:53

Cita:

no quiero usar por nada del mundo innerHTML

Cuál es la razón?
Sabías que es bastante más rápido y ya parte del estandar html 5?

salbatore · #4 (**permalink**) 14/08/2010, 17:32

Hola Panino5001,

No sabia lo del estandar, pensaba que no se debia usar. La funcion ya tiene un tiempo, y en un principio la escribi para simplemente no usar innerHTML, la de trabajo que me hizo pasar!... jeje. Luego la mejores añadiendole la capacidad de cambiar determinadas clases por otras, cambiar atributos y demas. Es algo fascinante, jeje.

Por ejemplo tienes un formulario con un sistema jerarquico donde se puede crear mas elementos de los que existen, es decir, por ejemplo un esquema en el que cada apartado tiene muchos campos. Si necesitas cambiarles a todos los elementos de clase x su id, para que tenga sentido en el arbol jerarquico... pues es super util, jeje.

Bueno... gracias por la ayuda... ya solucione el problema con lo que me dijiste, jeje... pensar que hasta ahora nunca me habia ocurrido el problema con los comentarios me extraña, jeje...

Gracias. :D

zerokilled · #5 (**permalink**) 14/08/2010, 17:55

a modo de referencia adicional. en tu codigo no veo el metodo que utilizabas para clonar elementos, pero tambien podias haber utilizado el metodo cloneNode. lo que te sucedia de los comentarios era porque estabas tomando directamente el texto. de todos modos para crear un comentario con los metodos DOM se utiliza document.createComment.

salbatore · #6 (**permalink**) 14/08/2010, 18:26

Hola zerokilled...

Ok!... gracias a ti tambien... me lo apunto para mañana, jeje... que ya tengo sueño!... jeje.

Sobre lo de cloneNode... no me acuerdo muy bien la razon por abandonar esa funcion para siempre!... pero tenia una gran GRAN razon... pero se me olvido!... jojo.

Pero recuerdo como si fuese ayer... que empece con cloneNode... y termine creando el elemento poco a poco con los atributos... con poca imaginacion, jeje...

gracias!.