2011-01-12 22 views
85

Standartlar Modunda HTML öğesinin genişliğini veya yüksekliğini (ör.) JavaScript’te ayarlamak mümkün müdür?Standartlar Modunda eleman genişliğini veya yüksekliğini ayarlayın

Not Aşağıdaki 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> 

kullanıcı değişiklik genişliği düğmesine basar, <div> 'nin genişliği değişmelidir.

Doctype bildirimi, Quirks Mode'u belirlediğinde iyi çalışır. Standartlar Modunda elemanın boyutunu bu şekilde değiştiremiyorum

Bir elemanın boyutunu Standartlar Modunda değiştirmek mümkün mü? Bu işlev bozukluğu nasıl atlanır? genişliğinin birimini ilan

cevap

131

Dene:

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

Ahaha .. "miyav" (c) demek istiyorum. Stilin uygulanmadığını anlamaya çalışırken bir saat kadar harcadım. Teşekkürler! –

29

style özelliği CSS özelliklerin değerlerini belirtir sağlar.

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

Uzunluklar birimler gerektirir. Normal modda, tarayıcılar uzunluk yerine bir tamsayı varsa pikselleri kabul etme eğilimindedir. Birimleri belirtin.

e1.style.width = "400px"; 
+0

Cevabınız için teşekkürler, ayrıca doğru. – rafalry