मानक मोड में तत्व की चौड़ाई या ऊँचाई सेट करें


123

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

निम्नलिखित कोड नोट करें:

<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>चौड़ाई बदलनी चाहिए।

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

क्या मानक मोड में किसी तत्व के आकार में हेरफेर करना संभव है? इस अयोग्यता को कैसे दरकिनार किया जाए?

जवाबों:


191

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

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

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

1
यह ध्यान देने योग्य है कि चौड़ाई में मार्जिन शामिल नहीं है, और जब box-sizing: border-box;, चौड़ाई में सीमाएं शामिल होंगी, तो चौड़ाई को सीमा में शामिल नहीं करता है।
कियान चेन

39

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

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

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

e1.style.width = "400px";
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.