Ustaw szerokość lub Wysokość elementu w trybie norm

Czy Można ustawić szerokość lub Wysokość elementu HTML (np. <div>) w JavaScript w trybie Standards?

Zwróć uwagę na następujący kod: 

<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>

Gdy użytkownik naciśnie przycisk zmień szerokość , Szerokość <div> powinna się zmienić.

Działa dobrze, gdy deklaracja doctype określa tryb Quirks. W trybie Standard nie jestem w stanie zmienić rozmiaru elementu w ten sposób

Czy możliwe jest manipulowanie wielkością elementu w trybie norm? Jak ominąć tę dysfunkcjonalność?

Author: Flimzy, 2011-01-12
Source

2 answers

Spróbuj podać jednostkę szerokości: 

e1.style.width = "400px"; // width in PIXELS
 197
Author: Alexandre Perez,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-10-26 20:18:33

Właściwość style pozwala określić wartości dla właściwości CSS.

Właściwość CSS width przyjmuje długość jako wartość.

Długości wymagają jednostek. W trybie dziwactwa przeglądarki zwykle przyjmują piksele, jeśli mają liczbę całkowitą zamiast długości. Określ jednostki.

e1.style.width = "400px";
 39
Author: Quentin,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-09-28 07:50:11