Question

如何在javascript的for循环中增加相同标签添加onclick事件

<ul id="tags">
<li class="selectTag"><a onclick="selectTag('tagContent0',this)" href="javascript:void(0)">The Civil War</a> </li>
<li ><a onclick="selectTag('tagContent1',this)" href="javascript:void(0)">Photo Gallery</a> </li>
<li ><a onclick="selectTag('tagContent2',this)" href="javascript:void(0)">Blog</a> </li>
<li ><a onclick="selectTag('tagContent3',this)" href="javascript:void(0)">Link Library</a> </li>
<li ><a onclick="selectTag('tagContent4',this)" href="javascript:void(0)">Podcast</a> </li>
<li ><a onclick="selectTag('tagContent5',this)" href="javascript:void(0)">Assignment</a></li>
</ul>
<script type="text/javascript">
function selectTag(showContent,selfObj){
var tag = document.getElementsByTagName("li");
var taglength = tag.length;
for(i=1; i<taglength; i++){
tag[i].className = "";
}
selfObj.parentNode.className = "selectTag";
for(i=0; j=document.getElementById("tagContent"+i); i++){
j.style.display = "none";
}
document.getElementById(showContent).style.display = "block";
}
//]]>
</script>
tagContent5 下面的内弄不显示
那位大哥帮帮忙啊

Answer 1

function selectTag(showContent,selfObj){
var tag = document.getElementsByTagName("li");
var taglength = tag.length;
for(var i=0; i<taglength; i++){
tag[i].className = "";
}
selfObj.parentNode.className = "selectTag";
for(var i=0; j=document.getElementById("tagContent"+i),i<taglength; i++){
j.style.display = "none";
}
document.getElementById(showContent).style.display = "block";
}
//]]>
</script>

这个 可以的！

Answer 2

function selectTag(showContent,selfObj){
var tag = document.getElementsByTagName("li");
var taglength = tag.length;
for(var i=0; i<taglength; i++){
tag[i].className = "";
}
selfObj.parentNode.className = "selectTag";
for(var i=0; j=document.getElementById("tagContent"+i),i<taglength; i++){
j.style.display = "none";
}
document.getElementById(showContent).style.display = "block";
}
//]]>
</script>

Answer 3

好像是tag.setAttribute("", "");吧 前面是名字 你这是onclick 后面是值
不过我一般都直接加html的。。

Answer 4

利用函数的隐含参数arguments，给函数传参；即：
for(var i=0;i<arguments.length;i++){

var tag = document.getElementsByTagName(arguments[i]);

}