Question

我用JS来控制A标签的class，以达到控制其样式，但是弄了好久都没弄对。

<script language="javascript">
function product(num){
for(var id = 1; id <= 6; id++) {
if (id == num) {
document.getElementById("a" + id).className= "left_nav_dj";
}
else {
document.getElementById("a" + id).className = "undis";
}
}
document.getElementById("content").src="product.html";

}
</script>

.left_nav_dj{
display:block;
background:url(../images/left_li2.jpg) left no-repeat #4A8B8D;
color:#FFF !important;
}

<div class="left_tit">关于我们</div>
<div class="left_nav">
<ul class="left_ul">
<li><a href="javascript:content()" onclick="content(1)" id="a1" class="left_nav_dj">公司介绍</a></li>
<li><a href="javascript:product()" onclick="product(2)" id="a2">公司产品介绍</a></li>
<li><a href="javascript:case1()" onclick="case1(3)" id="a3" >成功案例</a></li>
<li><a href="javascript:kehu()" onclick="kehu(4)" id="a4">我们的客户</a></li>
<li><a href="javascript:touzi()" onclick="touzi(5)" id="a5">关于投资方</a></li>
<li><a href="javascript:rongyu()" onclick="rongyu(6)" id="a6">资质荣誉</a></li>
</ul>
</div>

Answer 1

js代码没有问题，.left_nav_dj{样式应该写在<style type="text/css"></style>这里，另外a链接上js调用应该也有问题，onclick调用的方法应该都是product吧

Answer 2

你的function名称定义的是product,而你在调用的时候怎么乱来?
你的第一个

<li><a href="javascript:content()" onclick="content(1)" id="a1" class="left_nav_dj">公司介绍</a></li>
修改为:

<li><a href="javascript:void(0)" onclick="product(1)" id="a1" class="left_nav_dj">公司介绍</a></li>

你的第2个:

<li><a href="javascript:product()" onclick="product(2)" id="a2">公司产品介绍</a></li>
修改为:
<li><a href="javascript:void(0)" onclick="product(2)" id="a2" class="">公司产品介绍</a></li>

後边的你自己修改吧