[SOLUCIONADO] elementos por clase

[kaquna]

hola a tod@s

cuando se quiere cambiar un valor de estilo de, por ejemplo, un div de id 'nombreid' se usa

Código:

var el = document.getElementById('nombreid');
el.style.background = "#ff0000";

pero si seleccionamos el elemento por clase, con la funcion getelementsbyclass(), ¿sabéis como se puede cambiar el estilo? con el codigo que sigue no lo consigo. milchisimas gracias.

Código:

<script>
function getElementsByClass(searchClass,node,tag) {
   var classElements = new Array();
   if ( node == null )
      node = document;
   if ( tag == null )
      tag = '*';
   var els = node.getElementsByTagName(tag);
   var elsLen = els.length;
   var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
   for (i = 0, j = 0; i < elsLen; i++) {
      if ( pattern.test(els[i].className) ) {
         classElements[j] = els[i];
         j++;
      }
   }
   return classElements;
}

var el = getElementsByClass('cls');
el[0].style.background = "#ff0000";


</script>

<div id="id1" class="cls" style="background: #000000;">hola</div>

[emprear]

Tu función no está mal, pero si no la invocás tras la carga del DOM no te va a funcionar, tenés que hacer

Código Javascript:

window.onload = function(){
var el = getElementsByClass('cls');
el[0].style.background = "red";
}
 

De todas formas, esa función que creaste te serviría para dar compatibilidad a versiones anteriores a IE9.
En IE9 y el resto de los navegadores disponés de
getElementsByClassName()

Hace poco contesté este post ,quizás la información te pueda servir

Saludos

[kaquna]

estupendo! muchas gracias por la aclaración