JavaScript基础应用实例–点击链接赋class

CSS部分:
<style type="text/css">
.color{
color:#f60;
}
</style>

HTML部分:
<div id="all">
<li><a href="#">网站首页</a></li>
<li><a href="#">产品介绍</a></li>
<li><a href="#">联系我们</a></li>
</div>

JS部分:
<script type="text/javascript">
function changeColor(){
var fdiv = document.getElementById("all");
var alllink = fdiv.getElementsByTagName("a");
for (var i=0; i<alllink.length; i++){
alllink[i].onclick = function(){
   for (var j=0; j<alllink.length;j++){
   alllink[j].className="";
   }
this.className="color";
   }
}
}
window.onload = changeColor
</script>

Write a comment