其实js很不好用的，一般都使用jquery来写，改变样式的话我会使用两种方法
使用jquery中的.css()函数改变样式，这中方法很好用，可以在触发事件的时候任意操作某个元素的样式。
自定义一个class名字，比如.yangshi{} ,在触发的事件里使用 .addclass()和.removeClass() 两个函数添加或者删除某一个class类。达到切换样式的目的，这种方法比较清晰有条理。下面给出我写的一段jquery 代码。 这个的意思是，.box元素的鼠标进入会添加一个class类yangshi，离开的时候会删除这个class类
<script>
$(function(){
$(".box").mouseover(function(){
$(this).addClass("yangshi")
})
$(".box").mouseout(function(){
$(this).removeClass("yangshi")
})
})
</script>
全局样式只能覆盖不能用js去除你可以写个css
label{display:inlinefloat:nonewidth:autopadding:0pxfont-weight:normaltext-align:left}
放到全局样式后边
或者jquery方法是
$("label").css("display","inline")
$("label").css("float","none")
$("label").css("width","auto")
$("label").css("padding","0px")
$("label").css("font-weight","normal")
$("label").css("text-align","left")
初始化时动态加载隐藏。jquery ：
$(function(){
$("#id").show()显示
$("#id").hide()隐藏
})
js ：
function init(){
document.getElementById("id").style.display = "block" 显示
document.getElementById("id").style.display = "none" 隐藏
}
