wake-up-neo.com

Stellen Sie die Breite oder Höhe des Elements im Standardmodus ein

Ist es möglich, die Breite oder Höhe eines HTML-Elements (z. B. <div>) In JavaScript im Standardmodus festzulegen?

Beachten Sie den folgenden Code:

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

Wenn der Benutzer die Taste Breite ändern drückt, sollte sich die Breite von <div> Ändern.

Es funktioniert einwandfrei, wenn die Doctype-Deklaration den Quirks-Modus bestimmt. Im Standardmodus kann ich die Größe des Elements nicht auf diese Weise ändern

Ist es möglich, die Größe eines Elements im Standardmodus zu ändern? Wie kann diese Störung umgangen werden?

107
rafalry

Versuchen Sie, die Breiteneinheit zu deklarieren:

e1.style.width = "400px"; // width in PIXELS
166
Alexandre Perez

Mit der Eigenschaft style können Sie Werte für CSS-Eigenschaften angeben.

Die Eigenschaft CSS width hat eine Länge als Wert.

Längen erfordern Einheiten. Im Quirks-Modus neigen Browser dazu, Pixel anzunehmen, wenn statt einer Länge eine Ganzzahl angegeben wird. Einheiten angeben.

e1.style.width = "400px";
35
Quentin