javascript - Sett elementbredde eller -høyde i standardmodus

Er det mulig å sette bredde eller høyde på et HTML-element (f.eks. <div>) i JavaScript i standardmodus?

Merk følgende kode:

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

Når brukeren trykker på endre bredde-knappen, skal <div>s bredde endres.

Det fungerer fint når doctype-erklæringen bestemmer Quirks-modus. I standardmodus klarer jeg ikke å endre elementets størrelse på denne måten

Er det mulig å manipulere størrelsen på et element i standardmodus? Hvordan omgå denne funksjonsfeilen?

Svar #1

Prøv å deklarere breddeenheten:

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

Svar #2

Egenskapen style lar deg spesifisere verdier for CSS-egenskaper.

CSS width-egenskapen tar en lengde som sin verdi.

Lengder krever enheter. I quirks-modus har nettlesere en tendens til å anta piksler hvis det gis et heltall i stedet for en lengde. Spesifiser enheter.

e1.style.width = "400px";

Relaterte artikler