javascript - tamaño - Establecer el ancho o la altura del elemento en el modo de estándares
obtener el width de un div javascript (2)
Intente declarar la unidad de ancho:
e1.style.width = "400px"; // width in PIXELS
¿Es posible establecer el ancho o alto del elemento HTML (por ejemplo, <div> ) en JavaScript en el modo de estándares?
Tenga en cuenta el siguiente código:
<html>
<script language="javascript" type="text/javascript">
function changeWidth(){
var e1 = document.getElementById("e1");
e1.style.width = 400;
}
</script>
<body>
<input type="button" value="change width" onclick="changeWidth()"/>
<div id="e1" style="width:20px;height:20px; background-color:#096"></div>
</body>
</html>
Cuando el usuario presiona el botón para cambiar el ancho , el ancho del <div> debe cambiar.
Funciona bien cuando la declaración de doctype determina el modo Quirks. En el modo de estándares no puedo cambiar el tamaño del elemento de esta manera
¿Es posible manipular el tamaño de un elemento en el modo estándar? ¿Cómo pasar por alto esta disfuncionalidad?
La propiedad de style permite especificar valores para las propiedades de CSS.
La propiedad de width CSS toma una longitud como su valor.
Las longitudes requieren unidades. En el modo peculiar, los navegadores tienden a asumir píxeles si se les proporciona un número entero en lugar de una longitud. Especificar unidades
e1.style.width = "400px";