或者css文件中使用display:none;时（没有important），想用js修改让它显示（因为目标DOM的display有可能是'block'、'inline'、inline-block所以不能直接修改style.cssText为'display'是多少，只能让css中的所有display:none;失效）
display:none;
display
inline-block
style.cssText
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...
window.onload = function (){ var element = document.getElementById("#myid"); element.style.display = "none"; } jquery版本$(function (){ $("#myid").css({"display":"none"}); })
window.onload = function (){ var element = document.getElementById("#myid"); element.style.display = "none"; }
$(function (){ $("#myid").css({"display":"none"}); })
至于这么修改，@recminy 已经回答了，这里我只是顺手提一下这个权重的问题。
正常的权重（这里说正常是没有加!important），style>id>class>tag，应该是这样没错吧。那么加上!important呢就会提升任何一个，如果是这样写的话<p style="color:red !important;">，那么基本上就没救了，权重是最高了，只能用JS写一个样式覆盖一下，比如@recminy 写的这种方式。
!important
<p style="color:red !important;">
答非所问……撤～
最佳解决办法是2个class，js里只做toggleClass
通过setAttribute去设置，并在最后加上 !important eg: Element.setAttribute("style","background-color: #fff !important")
window.onload = function (){ var element = document.getElementById("#myid"); element.style.display = "none"; }jquery版本
$(function (){ $("#myid").css({"display":"none"}); })至于这么修改，@recminy 已经回答了，这里我只是顺手提一下这个权重的问题。
正常的权重（这里说正常是没有加
!important），style>id>class>tag，应该是这样没错吧。那么加上!important呢就会提升任何一个，如果是这样写的话<p style="color:red !important;">，那么基本上就没救了，权重是最高了，只能用JS写一个样式覆盖一下，比如@recminy 写的这种方式。答非所问……撤～
最佳解决办法是2个class，js里只做toggleClass
通过setAttribute去设置，并在最后加上 !important
eg: Element.setAttribute("style","background-color: #fff !important")