如何将 javascript 设置样式属性返回到 CSS 默认值

我正在尝试弄清楚如何在使用 javascript 更改样式属性后恢复为样式表中的值（包括单位）。

在下面的示例中，我希望输出为100px（CSS 中的值），而不是10px, as getComputedStyle gives.

我还将虚拟 div 保留在top:25px，因此删除style财产将无法运作。

我最好的方法是克隆节点并读取高度并存储在属性中（http://jsfiddle.net/daneastwell/zHMvh/4/ http://jsfiddle.net/daneastwell/zHMvh/4/），但这并没有真正获得浏览器的默认 css 值（特别是如果在ems).

http://jsfiddle.net/daneastwell/zHMvh/1/ http://jsfiddle.net/daneastwell/zHMvh/1/

<style>
 #elem-container{
   position: absolute;
   left:     100px;
   top:      200px;
   height:   100px;
 }
</style>

<div id="elem-container">dummy</div>
<div id="output"></div>  

<script>
  function getTheStyle(){
    var elem = document.getElementById("elem-container");
    elem.style.left = "10px";
    elem.style.top = "25px";
    var theCSSprop = window.getComputedStyle(elem,null).getPropertyValue("left");
    document.getElementById("output").innerHTML = theCSSprop;
   }
  getTheStyle();
</script>

只需清除您想要回退到原始样式表的内联样式即可。

elem.style.left = null;