Est-il possible de définir la largeur ou la hauteur d'un élément HTML (ex. <div>
) en JavaScript en mode standard ?
Notez le code suivant :
<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>
Lorsque l'utilisateur appuie sur la touche modifier la largeur le bouton <div>
doit être modifiée.
Cela fonctionne bien lorsque la déclaration doctype détermine le mode Quirks. En mode "Standards", je ne peux pas modifier la taille de l'élément de cette manière
Est-il possible de manipuler la taille d'un élément en mode standard ? Comment contourner ce dysfonctionnement ?