Ver Mensaje Individual
  #7 (permalink)  
Antiguo 24/07/2014, 08:36
quico5
 
Fecha de Ingreso: enero-2008
Mensajes: 581
Antigüedad: 16 años, 11 meses
Puntos: 9
Respuesta: ¿Cómo puedo leer atributos HTML con JS y generar CSS dinamico?

Eso no lo sabia , tenia entendido que era simplemente para priorizar orden de carga

sigue sin ir, ni con % ni con px

Código:
Uncaught TypeError: Cannot read property 'style' of undefined (index):98
(anonymous function)
Código HTML:
<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="utf-8" />
	<title>Título</title>
	<style>
		[data-fila] {display:table; margin:0 auto; width:100%;}
		[data-borde] {border-collapse:collapse;}
		[data-borde]>[data-celda] {border:.2em solid black;}
		[data-celda] {display:table-cell; vertical-align:top; padding:0 10px;}
		[data-celda]{background: green; height: 5em; margin-bottom: .5em;}
	</style>
</head>
<body>
	<div data-fila="960px" data-borde>
		<div data-celda="30%"></div>
		<div data-celda="70%"></div>
	</div>
	<script>
		var celdas = document.querySelectorAll("[data-celda]"),
		total = celdas.length;

		for (var i = 0; i < total; i++)
		celdas[i].style.width = celdas[i].getAttribute("[data-celda]");
	</script>
</body>
</html> 

Última edición por quico5; 24/07/2014 a las 08:45