JavaScript -innerHTML Mult。识别号

Question

我对 javascript 很陌生，正在尝试按 ID 填充多个 div。

到目前为止我已经:

function run() {
  var xhttp = new XMLHttpRequest();

  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
    obj = JSON.parse(xhttp.response);

    for (var i = 0; i <= obj.length; i++) {
    document.getElementById("posttitle"+i).innerHTML = obj[i]['title'];
    };

    for (var i = 0; i <= obj.length; i++) {
    document.getElementById("posttext"+i).innerHTML = obj[i]['content'];
    };

    }
  }
  xhttp.open("GET", "http://xxxx", true);
  xhttp.send();
}

HTML 设置

<div id="post0">
    <div id="posttitle0"></div>
    <div id="posttext0"></div>
</div>

<div id="post1">
    <div id="posttitle1"></div>
    <div id="posttext1"></div>
</div>

我可以单独填写 poststext[i] 或 posttitle[i] 的 div，但是当我一起运行它们时，只有函数中的第一个才起作用/填充 Id。我缺少什么？谢谢!

Answer 1

我相信这是因为你有 <= 它将尝试抓取一个不存在的元素。

for (var i = 0; i < obj.length; i++) {
    document.getElementById("posttitle"+i).innerHTML = obj[i]['title'];
    document.getElementById("posttext"+i).innerHTML = obj[i]['content'];
};