制作了一个页面,其中有一些文本标签,希望每点击一次其标签前的数字框中的数字可以增加一,但是具体用的时候一直报错。请教大家为什么会这样以及如何解决?感激不尽!
标签对应的代码如下:
<div id="main">
<div class="box">
<ul>
<li>
<span class="times">639</span>
<a href="#1">全职动画特别篇第一集讨论集中贴</a>
<p>讨论到这来,请不要撕起来,撕撕开删楼小黑屋。请理智讨论!请理智讨论!请理智讨论…</p>
</li>
</ul>
</div>
<div class="box">
<ul>
<li>
<span class="times">213</span>
<a href="#2">全职高手同人剧之《给所有知道我名字的人》</a>
<p>当他们放下了鼠标键盘和梦想,最终淹没在茫茫人海的平凡中,心中却仍有着永不能忘却的荣耀。即便荣耀走向终结,梦与记忆也永不褪色。看人生匆匆,愿我们同享光荣,愿我们的梦永不落空。全职高手同人《给所有知道我名字的人》…</p>
</li>
</ul>
</div>
<div class="box">
<ul>
<li>
<span class="times">209</span>
<a href="#3">当千机伞实体化</a>
<p>Stage 1.…</p>
</li>
</ul>
</div>
<div class="box">
<ul>
<li>
<span class="times">190</span>
<a href="#4">第一千七百二十五章 荣耀不是一个人的游戏</a>
<p>强攻!沐雨澄风的地图炮打出的时候,孙翔没有闪避,和周泽楷、江波涛做出的反应…</p>
</li>
</ul>
</div>
<div class="box">
<ul>
<li>
<span class="times">166</span>
<a href="#5">#论连黄少天监考官为何辞职#</a>
<p>独白体+电话占大多字数.全员欢乐向.就一句话nn 黄少卖萌【没…</p>
</li>
</ul>
</div>
<div class="box">
<ul>
<li>
<span class="times">153</span>
<a href="#6">试试别的画风,涂一张毁人不倦</a>
<p>很喜欢水墨风啊 于是换了这个画风试试看 私设出没注意…</p>
</li>
</ul>
</div>
以下是js部分的代码
<script type="text/javascript">
var box=document.getElementsByClassName("box");
var times=document.getElementsByClassName("times");
for(var i=0;i<box.length;i++){
box[i].onclick=function(){
times[i].innerHTML=parseInt(times[i].innerHTML)+1;
}
}
</script>