Standartlar Modunda öğe genişliğini veya yüksekliğini ayarlayın

123

<div>Standartlar Modunda JavaScript'te HTML öğesinin (ör. ) Genişliğini veya yüksekliğini ayarlamak mümkün müdür ?

Aşağıdaki koda dikkat edin:

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

Kullanıcı genişliği değiştir düğmesine bastığında, <div>genişliği değişmelidir.

Doctype bildirimi Tuhaflık Modunu belirlediğinde iyi çalışır. Standartlar Modunda öğenin boyutunu bu şekilde değiştiremiyorum

Standartlar Modunda bir öğenin boyutunu değiştirmek mümkün müdür? Bu işlevsizlik nasıl atlanır?

— rafalry
kaynak

191

Genişlik birimini beyan etmeyi deneyin:

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

— Alexandre Perez
kaynak

1

Ahaha .. "miyav" demek istiyorum (c). Tarzın neden uygulanmadığını anlamaya çalışarak yaklaşık bir saat geçirdim. Teşekkürler!

— Vitalii Vasylenko

1

Genişliğin kenar boşluklarını içermediğini ve box-sizing: border-box;genişliğin sınırları içereceği, aksi takdirde genişliğin sınırları içermediğini belirtmek gerekir.

— Qian Chen

39

styleMülkiyet CSS özelliklerin değerlerini belirtir sağlar.

CSS widthözelliği, değeri olarak bir uzunluk alır.

Uzunluklar birim gerektirir. Tuhaflıklar modunda, tarayıcılar, uzunluk yerine bir tamsayı sağlanmışsa pikselleri varsayma eğilimindedir. Birimleri belirtin.

e1.style.width = "400px";

— Quentin
kaynak