problema ie: no lee atributos del css de un elemento html creado dinámicamente

alblan · #1 (**permalink**) 05/09/2006, 04:22

Hola a tod@s.

Tengo el siguiente problema.

- Tengo un css que define la presentación para una clase.
- Desde javascript creo un elemento que utiliza esa clase

Con firefox se muestra correctamente, es decir que coje los atributos definidos en el css, pero no con internet explorer. ¿Alguien conoce la manera para conseguirlo?

Os muestro un trozo de código para que se vea lo que estoy explicando. Si se prueba con firefox se muestran dos cuadros (uno estático y el otro creado desde javascript). En internet explorer solo se muestra el estático.

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<style type="text/css">

.test {
	width: 25px;
	height: 25px;
	border: 1px solid;
 
}
</style>
<script>

function init() {
	var objBody = document.getElementsByTagName("body").item(0);

	var objDiv = document.createElement("div");
	objDiv.setAttribute('class','test');
	objBody.appendChild(objDiv);
}
window.onload = init;
</script>
</head>

<body>

<div class="test"></div>

</body>
</html>

Albert Lanchas
www.albertlanchas.com

JavierB · #2 (**permalink**) 05/09/2006, 04:36

Hola alblan

Cambia: objDiv.setAttribute('class','test');

por: objDiv.className = 'test';

Saludos,