Foros del Web - Ver Mensaje Individual - como puedo cambiar la clase en todos los div con javascript

emprear · #10 (**permalink**) 18/12/2011, 15:01

probá con esta, funciona en IE8+ y el resto de los browsers

Código HTML:

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>
<title>Cambiar estilo en clases</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
.uno {
color: blue;
}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
function procesarDivs(){
var losdivs = document.getElementsByTagName("div");
for (var i=0; i < losdivs.length; i++){
   if (losdivs[i].getAttribute('class') == 'uno'){
    losdivs[i].style.color ='red';
   }
}
}
//]]>
</script>
</head>
<body>
<div class="uno">
Texto 1
</div>
<div class="dos">
Texto 2
</div>
<div class="uno">
Texto 3
</div>
<div class="dos">
Texto 4
</div>
<p class="uno">
Texto 5 (en un párrafo)
</p>
<p>
<button onclick="procesarDivs();">buscar divs con class uno y cambiar el color</button>
</p>
</body>
</html>

Saludos