@Puroguramu, no puedes declarar 2 veces un mismo ID.
Lo declaras tanto en TEXTO como en FONDO y no se puede. Para ello podrías usar una clase, y luego mediante
getElementByClassName obtener todos los elementos que tienen dicha clase. Ahí hay un problema. IE8
(la ultima versión disponible para Windows XP) no soporta esa propiedad. Por tanto tendrás que recurrir a otros métodos mas complicados puesto que javascript no se lleva muy bien con CSS de por si...
Uno de ellos, es obtener todos los elementos de la pagina y buscar si tienen de atributo la classe "texto"...
<!Doctype html>
<html>
<head>
</head>
<script type="text/javascript">
function fondocolor(color) {document.bgColor = color;}
function color(color) {
// Obtener todos los divs de la pagina
var objeto = document.getElementsByTagName('div');
// Por cada Div..
for(var i=0;i<objeto.length;i++){
// Mirar si tiene una classe llamada texto
if(objeto[i].getAttribute('class')=='texto'){
// Si la tiene definir color.
objeto[i].style.color=color;
}
}
}
</script>
<body>
<DIV class="texto"><h2>FONDO</h2></DIV>
<FORM>
<INPUT TYPE="button" VALUE="Rojo" onClick="fondocolor('RED')">
<INPUT TYPE="button" VALUE="Azul" onClick="fondocolor('BLUE')">
<INPUT TYPE="button" VALUE="naranja" onClick="fondocolor('ORANGE')">
<INPUT TYPE="button" VALUE="Verde" onClick="fondocolor('GREEN')">
<INPUT TYPE="button" VALUE="Negro" onClick="fondocolor('BLACK')">
<INPUT TYPE="button" VALUE="Gris" onClick="fondocolor('GRAY')">
<INPUT TYPE="button" VALUE="amarillo" onClick="fondocolor('YELLOW')">
<INPUT TYPE="button" VALUE="blanco" onClick="fondocolor('WHITE')">
</br>
</br>
<DIV class="texto"><h2>TEXTO</h2></DIV>
<INPUT TYPE="button" VALUE="Rojo" onClick="color('red');">
<INPUT TYPE="button" VALUE="Azul" onClick="color('blue');">
<INPUT TYPE="button" VALUE="naranja" onClick="color('orange');">
<INPUT TYPE="button" VALUE="Verde" onClick="color('green');">
<INPUT TYPE="button" VALUE="Negro" onClick="color('black');">
<INPUT TYPE="button" VALUE="Gris" onClick="color('gray');">
<INPUT TYPE="button" VALUE="amarillo" onClick="color('yellow');">
<INPUT TYPE="button" VALUE="blanco" onClick="color('white');">
</FORM>
</body>
</html>
También podrías usar jQuery... te hace la vida mas fácil puesto que trae un soporte excelente para manejar CSS..
PD: Por favor usa las etiquetas [code=lenguaje][/code] para introducir tu código. Donde "lenguaje" puedes usar html4strict, css o javascript. Se nos hace mas fácil leer el código =)
Saludos
Mostrar Mensajes
