getElementsByName ie8

oscard41 · #1 (**permalink**) 25/04/2013, 09:42

Buenos días, actualmente estoy intentando hacer compatible un sitio web con ie8 y en ese navegador por lo que veo no funciona getElementsByName de javascript...

e intentado hacer esa funcion yo pero me da un error en la linea 15 :S aqui les dejo el codigo a ver si me pueden ayudar..

Código Javascript:

Ver originalif(typeof document.getElementsByName!='function'){
    document.getElementsByName=function(){
        var strMetodo=document.getElementsByTagName('*');
        var strName=new Array();
        for(var i=0;strMetodo.length;i++){
            if(strMetodo[i].getAttribute('name')){//<--- justo aqui me da el error me dice que el objeto es nulo o esta sin definir ese error es de IE8
              elemen=strMetodo[i].getAttribute('name');
               for(j=0; j<elemen.length;j++){
                strName.push(elemen[j]);
               } 
            }else if(strMetodo[i].name){
                elemen=strMetodo[i].name;
                for(j=0; j<elemen.length;j++){
                   strName.push(elemen[j]); 
                }
            }
        }
        return strName;
    }
}

si le coloco antes del if un alert() de esa variable si me muestra los getAttribute('name')....
de ante mano a los que me puedan ayudar gracias..

emprear · #2 (**permalink**) 25/04/2013, 11:06

getElementsByName() si es soportado en IE8 e ie7

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
<script type="text/javascript">
function todos(){
var losTags ="";
var todos_los_tags = document.getElementsByTagName("*");
alert(todos_los_tags.length);
for (var i=0; i < todos_los_tags.length; i++){
var elName =todos_los_tags[i].name;
losTags += todos_los_tags[i].tagName + " - " + elName +"\n";
 
}
alert(losTags);
}
 
function frutas(){
var elementos_radio_fruta = document.getElementsByName("fruta");
alert(elementos_radio_fruta .length);
}
</script>
</head>
<body>
    <button onclick="todos()">Total de elementos en la página</button>
    <button onclick="frutas()">Cuantos radio/fruta</button>
    manzana <input type="radio" name="fruta" checked="checked" />
    melon <input type="radio" name="fruta" />
    uva <input type="radio" name="fruta" />
    toyota<input type="radio" name="coches" />
</body>
</html>

SAludos

oscard41 · #3 (**permalink**) 25/04/2013, 12:19

Cita:

Iniciado por emprear

getElementsByName() si es soportado en IE8 e ie7

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
<script type="text/javascript">
function todos(){
var losTags ="";
var todos_los_tags = document.getElementsByTagName("*");
alert(todos_los_tags.length);
for (var i=0; i < todos_los_tags.length; i++){
var elName =todos_los_tags[i].name;
losTags += todos_los_tags[i].tagName + " - " + elName +"\n";
 
}
alert(losTags);
}
 
function frutas(){
var elementos_radio_fruta = document.getElementsByName("fruta");
alert(elementos_radio_fruta .length);
}
</script>
</head>
<body>
    <button onclick="todos()">Total de elementos en la página</button>
    <button onclick="frutas()">Cuantos radio/fruta</button>
    manzana <input type="radio" name="fruta" checked="checked" />
    melon <input type="radio" name="fruta" />
    uva <input type="radio" name="fruta" />
    toyota<input type="radio" name="coches" />
</body>
</html>

SAludos

Nuevamente Gracias por tu respuesta... emprear (Y)

emprear · #4 (**permalink**) 25/04/2013, 12:53

Cita:

Iniciado por oscard41

Nuevamente Gracias por tu respuesta... emprear (Y)

Una sugerencia, cuando hagas este tipo de pruebas, empezá por cosas simples, solo con esto

Código:

function frutas(){
var elementos_radio_fruta = document.getElementsByName("fruta");
alert(elementos_radio_fruta .length);
}

podrías haber verificado que funciona, luego vas haciéndolo más complejo, y de haber algún error, ya sabés que viene por otro lado

Saludos