其实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>
需求不是很明确,要是移除link进来的css文件的话。那就是先找到所有link标签,然后依次移除,代码如下:var links = document.querySelectorAll('link')
for(var i in links){
links[i].parentNode.removeChild(links[i])
}
这要根据你原先是如何给它添加上样式的,比如你是通过类名添加的,那你就应该写上这样的代码:要去除类名的类.className=''同理,如果你是通过id来命名的那就把id变成空。总之是根据你如何写它的css样式。如果是继承下来的样式那只能单独获取来修改了。比如要隐藏的出现,要修改的类名.css.display=''还有一种方法就是修改属性的继承方法,由于也是需要一个一个修改也很麻烦就不展开了。
当然也可以像楼上的一样写一个公共的清楚样式的类,然后通过js添加类名来修改,这个很方便,也很实用,比一种一种改方便,就是要写一个比较全面的公共类。要添加的样式的元素.className='你要添加的类名'