Question

如何用js删除 dom元素的嵌入样式(style)的一个属性

例如我有一个 dom 元素
<div id='myDiv' style='color:red; height:30px'>测试用div</div>
请问 如何才能用js 删除其中的 height属性(用原生的js 是删除属性而不是将属性置空)

求高手赐教, 我在网上没搜到相关的解决方案.

Answer 1

<div id='myDiv' style='color:red; height:30px'>测试用div</div>
<script type="text/javascript">
var dom = document.getElementById("myDiv");
var str = dom.getAttribute("style");
str = str.replace(/height\b\s*\:\s*\d+\px;?/ig, "");
dom.setAttribute("style",str);
</script>
希望对你有帮助

Answer 2

将style中你想删掉的属性设为null应该是可以解决的，Chrome通过
例如：
elem.style["height"] = null;//彻底删除elem的style属性的height值

Answer 3

用Jquery试试 ,我正在帮你调试,等有答案了就给你发出来