关于javascript中的循环+点击事件

制作了一个页面,其中有一些文本标签,希望每点击一次其标签前的数字框中的数字可以增加一,但是具体用的时候一直报错。请教大家为什么会这样以及如何解决?感激不尽!

标签对应的代码如下:

<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>
查看全部
qq_43616237
Chris Brown
2019/07/29 16:10
  • html5
  • javascript
  • css3
  • 点赞
  • 收藏
  • 回答
    私信
满意答案
查看全部

3个回复