2011-01-12 10 views
85

क्या मानक तत्व मोड में जावास्क्रिप्ट में HTML तत्व (उदा। <div>) की चौड़ाई या ऊंचाई सेट करना संभव है?मानक मोड में तत्व चौड़ाई या ऊंचाई सेट करें

नोट निम्न कोड:

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

उपयोगकर्ता परिवर्तन चौड़ाई बटन दबाता है, तो <div> की चौड़ाई बदलना चाहिए।

यह ठीक काम करता है जब डॉक्टरेट घोषणा क्विर्क मोड निर्धारित करती है। मानक मोड में मैं तत्व के आकार को बदलने में असमर्थ हूं

क्या मानक मोड में किसी तत्व के आकार में हेरफेर करना संभव है? इस डिसफंक्शनैलिटी को कैसे बाईपास करें?

उत्तर

131

चौड़ाई की इकाई घोषित करने का प्रयास करें:

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

अहहा .. मेरा मतलब है "मेयो" (सी)। मैंने एक घंटे बिताया है, यह पता लगाने की कोशिश कर रहा है कि शैली क्यों लागू नहीं होती है। धन्यवाद! –

29

style संपत्ति आप सीएसएस गुण के लिए मान निर्दिष्ट कर सकते हैं।

सीएसएस width संपत्ति इसकी कीमत के रूप में एक लंबाई लेता है।

लंबाई की आवश्यकता इकाइयों की आवश्यकता है। क्विर्क मोड में, ब्राउज़र लंबाई के बजाए एक पूर्णांक के साथ प्रदान किए जाने पर पिक्सेल मानते हैं। इकाइयों को निर्दिष्ट करें।

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

उत्तर के लिए धन्यवाद, भी सही है। – rafalry

संबंधित मुद्दे