Compatibilidad: FireFox e Internet Explorer

jmontoya · #1 (**permalink**) 19/05/2006, 11:20

Saludos:

Alguien sabe como hacer para logar la compatibilidad en asignacion de estios css (class) a un objeto, haciendo uso de: setAttribute("class","estilo").

Ver el ejemplo: funciona bien en firefox pero no en IE.

Código HTML:

<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>
<style type="text/css">
.estilo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
	height: 100px;
	background:#FFFFCC;
	width: 200px;
	border: 1px solid #999999;
}
</style>
<script language="javascript1.1">
function fCrearCalendario(){

	oContenedor = document.getElementsByTagName("body").item(0);		
	oDiv = document.createElement("div");
	oDiv.id = "cuadro";
	oDiv.setAttribute("class","estilo");
	oDiv.innerHTML = "Cuadro [+]";
	
	oContenedor.appendChild(oDiv);
}	
</script>
</head>

<body>
<input type="button" value="Click" onclick="fCrearCalendario();">
</body>
</html>

Espero sus comentarios.

danilat · #2 (**permalink**) 25/05/2006, 10:01

Si no me equivoco sería algo así.

Cambia esta línea:
oDiv.setAttribute("class","estilo");

por:
oDiv.className="estilo";

Saludos
(puto explorer!!)