getElementByTagName de html en variable

baxi2990 · #1 (**permalink**) 30/03/2011, 14:29

Hola amigos tengo un html almacenado en una variable de javascript y quisiera obtener ciertos tags pero resulta que no me funciona este es mi codigo

Código:

     var valHTML = '<div id="tags">'+codigoHTML+'</div>';
     var tagDiv = document.getElementById('tags');
     var tagU = tagDiv.getElementByTagName("u");

pero me dice que mi variable tagDiv est null agradesco la ayuda desde ya.

laratik · #2 (**permalink**) 30/03/2011, 14:33

No creo que tengas un html almacenado en una variable, lo que tienes es un String y como no haz añadido el String al cuerpo de la pagina mediante innerHTML, pues no lo puedes tomar con document.getElemntById. Ademas recuerda que para trabajar con el DOM debió haberse cargado completamente la pagina.

IsaBelM · #3 (**permalink**) 30/03/2011, 14:34

te dice eso por que no existe. no es la id de ningún elemento. es sólo una cadena var valHTML = '<div id="tags">'+codigoHTML+'</div>';

baxi2990 · #4 (**permalink**) 30/03/2011, 14:45

mmm si amigos tienen razon ando algo despistado el dia de hoy es un estring jeje entonces que puedo hacer con estoy o no ay manera de poder hacer esto :(

baxi2990 · #5 (**permalink**) 30/03/2011, 14:46

mi intencion es sacar ciertos tags pero tambien pense en hacerlo una expresion regular que me guarde en un array los tags que va encontrando dependiendo mi expresion regular

IsaBelM · #6 (**permalink**) 30/03/2011, 14:55

sí, es la opción que yo usaría. prueba con el método match()

laratik · #7 (**permalink**) 30/03/2011, 14:59

En cambio yo seguiría con la primera opción:

Código Javascript:

Ver original<html> 
<head> 
    <title>DOM</title> 
    <script type="text/javascript">
    function tomar_tags() {
        var tagDiv = document.getElementById('tags');
        var tagU = tagDiv.getElementsByTagName("u");
        for(var i = 0; i<tagU.length; i++) {
            alert(tagU.item(i).textContent);
        }
    }
    
    window.onload = tomar_tags;
    </script>
</head> 
<body> 
<div id="tags">
<u>aqui</u> va el <u>HTML</u>
</div>
</body> 
</html>

Pero para gustos los colores.

IsaBelM · #8 (**permalink**) 30/03/2011, 15:17

Cita:

Iniciado por laratik

En cambio yo seguiría con la primera opción:
Pero para gustos los colores.

claro, pero si lo tiene almacenado en una variable, será por algo. de lo contrarío, no tiene sentido

laratik · #9 (**permalink**) 30/03/2011, 15:24

Cita:

Iniciado por IsaBelM

claro, pero si lo tiene almacenado en una variable, será por algo. de lo contrarío, no tiene sentido

Realmente lo que me parece que no tiene sentido es justamente eso, que este almacenado en una variable ¿para que crear una variable con código html si no se va a insertar en el cuerpo de la pagina? y peor aun ¿para que crear una variable si al final se va a insertar en el cuerpo? mejor lo escribes directamente en el HTML.

Aunque al final el dueño del post sabra que es lo que hace.

SALUDOS.

InKarC · #10 (**permalink**) 30/03/2011, 17:25

Hagamos de cuenta que por obligatorias razones esta almacenado en un variable y nunca estuvieron en el DOM.

Para usar getelementsbytagname puedes insertarlo en el dom con innerHTML; luego buscar los tags, haces con ellos lo que quieras, y luego borras los elementos insertados.

baxi2990 · #11 (**permalink**) 31/03/2011, 09:45

Cita:

Iniciado por laratik

Realmente lo que me parece que no tiene sentido es justamente eso, que este almacenado en una variable ¿para que crear una variable con código html si no se va a insertar en el cuerpo de la pagina? y peor aun ¿para que crear una variable si al final se va a insertar en el cuerpo? mejor lo escribes directamente en el HTML.

Aunque al final el dueño del post sabra que es lo que hace.

SALUDOS.

El sentido de hacerlo asi es por que trabajo con un framework Ext Js con el fin de pasar datos de una sitio X a mi sitio, pero aprovechando el framework que trae un htmleditor probe sacarlo con getElementByTagName pero como no se pudo por alguna razon no lo carga entonces opte por capturar valor de htmleditor almacenado en una variable ya puedo filtrar los datos que necesito en este caso todos los datos contenidos en los tags <u> ahora creo que esta mas claro jeje me parece una buena opcion la del tagname pero debido a que cargo primero mi modulo entonces se carga el codigo y todo luego copio lo que necesito del sitio x para pasarlo a mi web entonces creo que el html que copie no se carga directamente, ahora tengo un problema con mi expresion regular ya que necesito sacar todos los datos que esten en el tag <u> esto es lo que tengo

Código:

        var patron = /(<u>[aA-zZ0-9]+<\/u>)/gi;
        alert(string.match(patron));

donde string es mi cadena con el codigo html pero solo me captura el primer tag agradesco la ayuda, ya le puse + al final de <u> y de <\/u> y nada gracias

laratik · #12 (**permalink**) 31/03/2011, 11:23

me parece extraño a mi me funciona perfectamente, lo único que le veo es que esta tomando las etiquetas <u></u>, pero nada que un replace no solucione:

Código Javascript:

Ver originalvar string = '<u>aqui</u> va el <u>HTML</u>';
var patron = /(<u>[aA-zZ0-9]+<\/u>)/gi;
string = string.match(patron);
for(var i=0; i<string.length; i++) {
    string[i] = string[i].replace("<u>","");
    string[i] = string[i].replace("</u>","");
}
for(var i=0; i<string.length; i++) {
    alert(string[i]);
}

baxi2990 · #13 (**permalink**) 31/03/2011, 12:12

gracias laratik por contestar fijate que no me funcionaba jeje tube quer armar otra expresion regular y pues va de maravilla y justamente tambien tube que hacer algo para remplazar los tags para que me quedaran solo los datos sin la etiqueta lo hice de esta manera para no hacer dos replace

Código Javascript:

Ver originalstring.replace(/<[^>]+>/g,'');

y me quita todo tipo de etiquetas, agradesco a todos por su ayuda logre solucionarlo.