Question

我想从API中获取每个元素，并在不同的类中进行展示。我在控制台中得到了结果，但是在页面上却没有。请帮帮我。预先感谢您：)。

我在Jquery中使用了JavaScript。

<script>

$.getJSON('https://api.noopschallenge.com/wordbot?count=5',  function(data){
        console.log(data);     




    for(let i=0; i<5; i++)
        {
            var box = document.createElement("div");
            box.setAttribute("class", i);
            document.body.appendChild(box);
            let dat = `${data.words[i]}`;
            let a = i.toString();
            document.getElementsByClassName(a).innerHTML = dat;
            console.log(dat);

        }
     });

</script>

Answer 1

getElementsByClassName() 返回具有所有给定类名的所有子元素的类似数组的对象 ，您必须使用适当的 index ：

document.getElementsByClassName(a)[0].innerHTML = dat;

Answer 2

getElementsByClassName返回HTML集合

for (let element of document.getElementsByClassName(a)) {
    element.innterHTML = dat
}

这应该有效

Answer 3

代替
document.getElementsByClassName(a).innerHTML = dat; 您可以使用box.innerHTML = dat;

innerHTML在此特定脚本中不起作用

3 个答案: