Definir largura ou altura do elemento no Modo de Padrões
É possível definir largura ou altura do elemento HTML (ex. <div>) em JavaScript no modo Standards?
Observe o seguinte 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>
Quando o usuário pressiona o botão alterar largura, a largura do <div> deve mudar.
Ele funciona bem quando a declaração do tipo doctype determina o Modo Quirks. No modo Standards, não consigo alterar o tamanho do elemento dessa maneira
É possível manipular o tamanho de um elemento no modo Standards? Como contornar essa disfuncionalidade?
Tente declarar a unidade de largura:
e1.style.width = "400px"; // width in PIXELS
A propriedade style permite especificar valores para propriedades CSS.
A propriedade CSS width recebe um comprimento como seu valor.
Comprimentos requerem unidades. No modo quirks, os navegadores tendem a assumir pixels se fornecidos com um inteiro em vez de um tamanho. Especifique as unidades.
e1.style.width = "400px";