Question

当我单击表单中的“提交”按钮时，我将调用此javascript函数（带有一行jquery）。在Firefox中检查开发者控制台，我可以看到它遍历了ID，并将其名称打印到控制台。对于每个ID，我想更改内部html。

此操作的目的是更改以下每个div的文本：

<div class="upload_text" style="margin-left: 13%;">
  <div id="td1" class="text_display">*&nbsp;&nbsp;In process A1 . . . </div>
  <div id="td2" class="text_display">*&nbsp;&nbsp;Completed . . . </div>
  <div id="td3" class="text_display">*&nbsp;&nbsp;In process A2 . . . </div>
  <div id="td4" class="text_display">*&nbsp;&nbsp;Completed . . . </div>
  <div id="td5" class="text_display">*&nbsp;&nbsp;In process A3 . . . </div>
  <div id="td6" class="text_display">*&nbsp;&nbsp;Completed . . . </div>
  <br>
</div>

这是脚本：

<script>

function Progress()
{
    for (i = 1; i < 7; i++)
    {
        id = "td" + i.toString();
        console.log(id);
        var newcontent = "To replace";
        $('#id').empty().append(newcontent);
    }
}

</script>

我也尝试过此操作，但它没有更改html：

$("id").html("Hello World");

使用纯JavaScript，我也尝试过这样做：

document.getElementById(id).innerHTML = "new content";

现在，开发人员控制台可以正确地按顺序显示每个id名称，但是html不会更改。非常感谢您的任何想法。

这应该是足以重现该问题的代码，但是如果我还没有发布足够的代码，请询问，我将其全部发布。

JS函数不更改innerhtml

0 个答案: