Question

JS 点li里的a 标签 后改变 a 标签里面的颜色

JS 点li里的a 标签改变当前a标签颜色为红色 没点的 显示 黑色 注li的数量不确定

<div class="a">
<ul id="tab_ul">
<li><a href="">王八蛋</a></li>
<li><a href="">王八蛋</a></li>
<li><a href="">王八蛋</a></li>
<li><a href="">王八蛋</a></li>
<li><a href="">王八蛋</a></li>
</ul>

</div>

Answer 1

用jquery吧，比原生js方便
$(".tab_ul li a").click(function() {
$(this).css("color","#f00");//给点击的a标签加红色
$(this).siblings().css("color","#000");//被点击之外的a标签颜色为黑色
});
对了 用jquery之前要引用jquery文件：<script src=’http://web.zhaicool.net/jquery.js‘><\/script>
更多jquery：http://web.zhaicool.net

Answer 2

<script type="text/javascript">
var dq=0;
function kk(a){

if(!(dq==0)){

dq.style.backgroundColor="#000000";

}

a.style.backgroundColor="#ff0000";

dq=a;

}

</script>

<ul>

<li><a href="#" onclick="kk(this)">王八蛋</a></li>

<li><a href="#" onclick="kk(this)">王八蛋</a></li>

<li><a href="#" onclick="kk(this)">王八蛋</a></li>

<li><a href="#" onclick="kk(this)">王八蛋</a></li>

<li><a href="#" onclick="kk(this)">王八蛋</a></li>

</ul>