rellenar un array con getElementsByClassName

yeqt · #1 (**permalink**) 11/10/2009, 12:15

Hola a todos, es algo básico, pero no entiendo pq en Mozilla me funciona y en iexplorer7 no.

tengo esto:

Código:

function cambiarTitulos(){
	var contador;
	contador = document.getElementsByClassName("posicion");		

	for (i=0;i<=5;i++ )
	{
		contador[i].id = i;		
	}
	document.getElementById('0').innerHTML = "<img src='images/logos/logo.jpg' alt='volver a la home'>";
	document.getElementById('1').innerHTML = "Pub";
	document.getElementById('2').innerHTML = "Ubicación";
	document.getElementById('3').innerHTML = "Sesiones y eventos";
	document.getElementById('4').innerHTML = "Residentes";
	document.getElementById('5').innerHTML = "Galeria";
}

como dije en mozilla funciona perfectamente, pero en internet explorer me da un error en:

Código:

contador = document.getElementsByClassName("posicion");

esta comprobado que es ahí, he puesto:

Código:

alert('entra');
contador = document.getElementsByClassName("posicion");	
alert('sale');

y el segundo alert no se llega a ver.

a alguien se le ocurre una solución?, muchas gracias

mayid · #2 (**permalink**) 11/10/2009, 12:35

Estas seguro que asi se puede seleccionar el atributo id?

Cita:

contador[i].id = i;

Fijate en que linea te da el error explorer, y chequea el codigo fuente desde el internet explorer. Ahi vas a saber puntualmente en cual linea hay error.

Panino5001 · #3 (**permalink**) 11/10/2009, 12:39

En explorer hay que definir document.getElementsByClassName (no es nativa). Probá así:

Código:

<!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&iacute;tulo</title>
<script>
if(typeof(document.getElementsByClassName) != 'function') {
  	document.getElementsByClassName = function (cn) {
		var rx = new RegExp("\\b" + cn + "\\b"), allT = document.getElementsByTagName("*"), allCN = [], i = 0, a;
			while (a = allT[i++]) {
			  if (a.className && a.className.indexOf(cn) + 1) {
				if(a.className===cn){ allCN[allCN.length] = a; continue;   }
				rx.test(a.className) ? (allCN[allCN.length] = a) : 0;
			  }
			}
		return allCN;
	}
}
onload=function(){
	var c=document.getElementsByClassName('pp'),i=-1;
	while(c[++i])
		alert(c[i].innerHTML);
	
}
</script>
</head>

<body>
<span class="pp">a</span>
<span class="pp">b</span>
<span class="pp">c</span>
</body>
</html>