jaki jest poprawny sposób usuwania/resetowania właściwości css za pośrednictwem javascript?

Question

Powiel możliwe:
how to remove css property using javascript?

mam ten skrypt:

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

i tak dalej ...

Później mam do czynienia z potrzebą usunięcia nieruchomości (not cha nging swoją wartość, naprawdę usuwania znaczenie: jak ja nie zaszło, że przed)

I kodowane coś takiego:

1. div.style.height = niezdefiniowany;
2. div.style.height = null;
3. div.style.height = '';

Tylko N.3 rozwiązaniem wydaje się działać, ale nawet tak ... Nie jestem pewien, że to jest poprawny sposób to zrobić (Używam tylko chrom to sprawdzić)

Czy ktoś wie co to poprawny sposób? który działa we wszystkich odpowiednich przeglądarkach?

Dzięki

Answer 1

Nie ma "właściwy sposób". Microsoft kiedyś wymyślił styl.removeAttribute(), ale nie jest obsługiwany. Najlepszym sposobem jest ustawienie go na wartość standardową.

Edytuj: Jak wspomniał dystroy, ustawienie go na "" resetuje go we wszystkich przeglądarkach, więc byłby to najlepszy sposób.

Answer 2

Proszę bardzo:

div.style.height = "auto" 

Answer 3

bym użyć funkcji removeAttribute() z dokumentu

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

Answer 4

Cóż, inną opcją może być użycie getComputedStyle, aby uzyskać aktualną właściwość stylu i wywołać tę wartość, gdy zmienna wymaga zresetowania.

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

Można użyć inherit lub initial wartość.http://www.w3.org/TR/css3-values/#common-keywords

Answer 6

właśnie stworzył skrzypce z następującego kodu

HTML

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

CSS

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

JavaScript

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

Ustawienie właściwości auto faktycznie ustawia atrybut stylu na elemencie do

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

i zastępuje właściwość height CSS stosowane do #foo. Aby zresetować styl, jak wspomniano przez innych ustaw właściwość stylu tego elementu na pusty ciąg

el.style.height = ""; 

Fiddle here