como puedo cambiar la clase en todos los divs con javascript, sin tener que estar repitiendo el código, este código funciona bien, lo que no me gusta es que tengo que repetir el código, ya que el id es único para cosa, entonces no se como puede jalar todo divs y ponerlo solo a una clase.
ojala alguien me pueda ayudar
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=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript">
function camcio_clase_masivo(){
document.getElementById("d").className="a2";
}
</script>
<style type="text/css">
<!--
.a {
background-color: #FFCC33;
border: thin solid #000000;
}
.a2 {
background-color: #999999;
}
-->
</style>
</head>
<body>
<div id="d" class="a">Como cambiar todos los class="a" con javascript</div>
<div class="a">Como cambiar todos los class="a" con javascript</div>
<div class="a">Como cambiar todos los class="a" con javascript</div>
<div class="a">Como cambiar todos los class="a" con javascript</div>
<div class="a">Como cambiar todos los class="a" con javascript</div>
<input name="" type="button" value="cambia la class para todos" onclick="camcio_clase_masivo()" />
</body>
</html>