Unir getElementsByTagName

SebasSebas · #1 (**permalink**) 12/02/2009, 09:16

Hola a tod@s

Ando buscando la forma de unir dos colecciones de objetos resultantes de getElementsByTagName.

No se mucho de javascript, así que creí que usando concat o push me serviría y no anda.

Código javascript:

Ver originala = document.getElementsByTagName('div');
                    b = document.getElementsByTagName('p');
                    a = a.concat(b);

También probé a ver si podía aceptar más de una "etiqueta" como parámetro y devolverlo todo, así fue intenté y tampoco nada.

Código javascript:

Ver originala = document.getElementsByTagName('a', 'span');
// o asi
                    a = document.getElementsByTagName('a, span');

¿alguien sabe como es posible hacer lo que busco?

Gracias adelantadas.

Panino5001 · #2 (**permalink**) 12/02/2009, 10:03

Fijate si te sirve:

Código javascript:

Ver original<!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>test</title>
<script>
function unir(){
    var b=[];
    for(var i=0;i< arguments.length;i++){
        ii=0;
        while (document.getElementsByTagName(arguments[i])[ii]){
            b.push(document.getElementsByTagName(arguments[i])[ii]);
            ii++;
        }
    }
    return b;
}
onload=function(){
    var x=unir('a','span');
    alert(x[0].nodeName+'-'+x[2].nodeName+'-'+x[7].nodeName)
}
</script>
 
</head>
 
<body>
<span>a</span><a href="#">b</a><span>a</span><a href="#">b</a><span>a</span><a href="#">b</a><span>a</span><a href="#">b</a>
</body>
</html>

Panino5001 · #3 (**permalink**) 12/02/2009, 10:45

O:

Código javascript:

Ver original<script>
onload=function(){
    var b=[].slice.call(document.getElementsByTagName('span')).concat([].slice.call(document.getElementsByTagName('a')));
    alert(b.length)
}
</script>

SebasSebas · #4 (**permalink**) 12/02/2009, 10:45

Muchas gracias, si ha funcionado

Y ahora entiendo porque antes cuando intenté por mi cuenta usando el push no sirvió para nada, es porque no debo aplicarlo a los getElementsByTagName de un tajo, sino aplicarlo de objeto en objeto que contenga.

Una vez más gracias

SebasSebas · #5 (**permalink**) 12/02/2009, 11:10

El primero lo he dejado asi

Código javascript:

Ver originalvar tagname = new Array('div', 'p');
    var fulltagobject=[];
    for (i in tagname)
        for (ii in b = document.getElementsByTagName(tagname[i]))
            fulltagobject.push(b[ii]);

La segunda respuesta no la había llegado a ver, pero la probé y también funcionó, y es un obra maestra

.

Aún debo revisarla despacio a ver si la entiendo, muchas gracias una vez más.