一个元素，css文件中定义了属性，通过javascript设置style后如何恢复css中定义的属性？

[cat_hsfz]

<style>
#panel{color: #FF0000;}
</style>
<div id="panel">一些文本</divl>
<script type="text/javascript">
function setPanelColor(color)
{
document.getElementById("panel").style.color = color;
}

function clearPanelColor()
{
//在这里，我需要撤销setPanelColor()的赋值，恢复CSS所设置color属性
//不能将CSS设置的color属性在这里硬编码，要求无论CSS是怎样的都能正确恢复
}
</script>

我现在使用的代码是：
document.getElementById("panel").style.color = null;
请问这样的做法：
1.符合标准吗？
2.是跨浏览器的做法吗？
3.有更好的做法吗？

最后一个问题：
如果我需要清除的不仅仅color属性，而是希望让style下的所有属性清空，让HTML元素仅体现CSS中的属性，有没有快捷的方法？

[fantiny]

document.getElementById("panel").style.color = "";

[myvicy]

.panel{color: #FF0000;}
定义一个类样式。

function clearPanelColor()
{
document.getElementById("panel").className = panel;
//在这里，我需要撤销setPanelColor()的赋值，恢复CSS所设置color属性
//不能将CSS设置的color属性在这里硬编码，要求无论CSS是怎样的都能正确恢复
}

[cat_hsfz]

myvicy(热心肠的人) ，最好也不要id/class硬编码，因为这个函数可能会用于不同的HTML元素，而HTML元素从参数传入。

[zeroleonhart]

<script type="text/javascript">
var oldcolor;
function setPanelColor(newcolor)
{
oldcolor = document.getElementById("panel").style.color;
document.getElementById("panel").style.color = newcolor;
}

function clearPanelColor()
{
document.getElementById("panel").style.color = oldcolor;
}
</script>

如果想要适用于多个元素的话，oldcolor设为数组来保存元素的id和预设的style项的值，同时函数的入参也应当添加元素的id名

[cat_hsfz]

实际上我现在在用别人提供的JavaScript库，我不想去改动或重写库中的代码，而我自己写的代码也就是clearPanelColor()部分。setPanelColor()是属于库中代码，所以改动setPanelColor()不是一个好的办法。

[lovefootball]

document.getElementById("panel").className = panel;

你可以把HTML元素和className都用参数传递过来

[ImN1]

如果失去用原来的class，可以按楼上的方法做
如果仅仅是针对color
建议在第一次改变前先把原有的值暂存到一个变量，就好办了

[cloudgamer]

帮顶

[IQuestionHandler]

设置为null就可以了。