javascript - 将文本插入到不确定数量的跨度中，For Loop Javascript

Question

我有这个跨度:

<span class="spanComments" cols="100" rows="5"></span>

被调用:

<a href="#" rel="@currentShowing.ShowingGUID" class="showComments noprint" id="comments-sendlink" onclick="showComments()">View Comments</a>

使用此功能:

    function showComments() {
    for (var arg = 0; arg < arg.length; ++arg) {
        var arr = arguments[arg];
        for (var i = 0; i < arr.length; ++ i) {
            document.getElementById("spanComments").innerHTML = "This is comment #" + arr[i];
        }
    }
}

我用这个问题作为我的基础，但没有成功: JavaScript For Loop

我没有让我的跨度填充任何东西(它完全是空的)我已经测试了我的 showComments() 并且它有效(在我进入 for 循环之前)并且它有效。

我是 JavaScript 新手，所以如果我可能忽略了一些非常简单的事情，我不会感到惊讶。提前致谢。

Answer 1

这里有几个问题:您在定义 args 之前对其进行迭代，arguments 应该是您在最顶层循环中迭代的内容。此外，您每次都会覆盖相同的项目(我假设有多个 spanComments)。我建议更改为 class="spanComments" 并使用以下内容:

function showComments() {
   var comments = document.querySelectorAll(".spanComments");
   for(var i = 0; i < comments.length; i++) {
      comments[i].innerHTML = "This is comment #" + i;
   }
}