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í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.