css与javascript的冲突问题及分析
来源：程序员人生 发布时间：2014-03-09 02:19:25 阅读次数：2547次
下面的代码：
<div id='nav' class='nav'><ul><li>首页</li></ul></div>
使用.nav ul li{background:url(../img/bg.jgp);}定义之后
这个样式.nav_ul_li_1{background:url(../img/bg1.jpg);}}
将不能通过document.getElementById('nav').className = 'nav_ul_li_1';
来改变背景与背景颜色。
解决办法就是不用通用的方法，即ul li{}这种方法定义background:();
更正一下，应该是这样：
<div class='nav'><ul><li id='nav'>首页</li></ul></div>
谢谢这个朋友，用style.backgroundImage确实或者实现，但是用className却不行。
代码如下： <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>css与javascript的一个冲突</title>
<style type="text/css">
.nav ul li{background:url(bg.jpg) no-repeat 5px 5px;width:100px;height:30px;float:left;}
</style>
<script type="text/javascript">
function f(obj){
obj.style.backgroundImage = 'url(bg1.jpg)';
}
</script>
</head>
<body>
<div class='nav'>
<ul>
<li onmouseover='f(this);'>首页</li>
<li>联系我们</li>
</ul>
</div>
</body>
</html>
生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
