css與javascript的沖突問題及分析
來源：程序員人生 發布時間：2014-03-09 02:19:25 閱讀次數：2750次
下面的代碼：
<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>
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
