为什么innerHTML调用不起作用？

Question

链接到我的codepen：https://codepen.io/Kibitz/pen/PKdLma?editors=1111。

我正在运行一个ajax调用，从Wikipedia获取结果信息。成功后，我有一个for循环，将结果添加到数组中。

目前，我只有一个innerHTML语句来尝试修改以{place}持有人身份开头的p标记。
最后，我想展示十个结果。目前，innerHTML调用不会修改占位符字。

这是ajax调用的片段：

$.ajax({
    type: "GET",
    dataType: 'jsonp',
    data: {
        format: 'json'
    },
    cache: false,
    url: url,
    async: false,
    success: function (data) {
        for (i = 0; i < 10; i++) {
            res[i] = data[1][i];
        }
        console.log(res);
        document.getElementById("results1").innerHTML = res[0];
    },
    error: function (errorMessage) {
        console.log('here');
        alert("error");
    },
    complete: function () {
        console.log("complete");
    }
});

Answer 1

可以替换行

document.getElementById("results1").innerHTML =res[0];

带

document.getElementById("result1").innerHTML =res[0];