जावास्क्रिप्ट के माध्यम से एक सीएसएस संपत्ति को हटाने/रीसेट करने का सही तरीका क्या है?

Question

संभव डुप्लिकेट: पर मैं जरूरत के साथ सामना कर रहा हूँ बाद में

var div = document.getElementById('myDiv'); 
div.style.width = '300px'; 
div.style.height = '200px'; 
... 

और इतने पर ...

:
how to remove css property using javascript?

मैं इस जावास्क्रिप्ट है एक संपत्ति को हटाने का (चा नहीं अपने मूल्य nging, वास्तव में अर्थ को हटाने: जैसे मैं सेट नहीं करने से पहले उस)

मैं कुछ इस तरह कोडित था:

1. div.style.height = अपरिभाषित;
2. div.style.height = null;
3. div.style.height = '';

केवल समाधान n.3 काम करने के लिए लगता है, लेकिन फिर भी ... मुझे यकीन है कि यह यह करने के लिए सही तरीका (मैं केवल क्रोम का उपयोग कर रहा यह परीक्षण करने के लिए)

क्या

किसी को भी पता है है नहीं कर रहा हूँ सही तरीका? जो सभी उचित ब्राउज़रों में काम करता है?

धन्यवाद

Answer 1

कोई "सही तरीका है" से removeAttribute() फ़ंक्शन का उपयोग करेंगे। माइक्रोसॉफ्ट ने एक बार शैली का आविष्कार किया .removeAttribute(), लेकिन यह समर्थित नहीं है। सबसे अच्छा तरीका यह मानक-मूल्य पर सेट करना है।

संपादित करें: जैसा कि डाइस्ट्रॉय ने उल्लेख किया है, इसे सभी ब्राउज़रों में रीसेट करने के लिए इसे सेट करना, ताकि यह सबसे अच्छा तरीका होगा।

Answer 2

ये रहा:

div.style.height = "auto" 

Answer 3

मैं दस्तावेज़

document.getElementById("myDiv").removeAttribute("height") 

Answer 4

ठीक है, वर्तमान शैली संपत्ति प्राप्त करने के लिए getComputedStyle का उपयोग करने का एक और विकल्प हो सकता है, और जब उस चर को रीसेट करने की आवश्यकता होती है तो उस मान को याद रखें।

var style = getComputedStyle(div); 

div.origWidth = style. getPropertyValue("width"); 
div.origHeight = style. getPropertyValue("height"); 

https://developer.mozilla.org/en-US/docs/DOM/window.getComputedStyle

Answer 5

आप inherit या initial मान का उपयोग कर सकते हैं।http://www.w3.org/TR/css3-values/#common-keywords

Answer 6

मैं बस निम्नलिखित कोड

एचटीएमएल

<div id="foo" style="height: 100px;"></div> 

सीएसएस

#foo { 
    height: 200px; 
    background-color: yellow; 
} 

जावास्क्रिप्ट

var el = document.getElementById("foo"); 
el.style.height = "auto"; 

के साथ एक बेला बनाया है गुण को सेट ऑटो के लिए वास्तव में

<div id="foo" style="height: auto;"></div> 

के तत्व पर शैली विशेषता सेट करता है और सीएसएस ऊंचाई संपत्ति #foo के लिए आवेदन किया ओवरराइड करता है। एक शैली रीसेट करने के लिए, के रूप में दूसरों के द्वारा उल्लेख किया एक खाली स्ट्रिंग

el.style.height = ""; 

फिडल here