javascript - 为什么innerHTML 调用不起作用？

Question

链接到我的代码笔:https://codepen.io/Kibitz/pen/PKdLma?editors=1111 .

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

目前，我只有一个 innerHTML 语句来尝试修改以单词占位符开头的 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];