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>