javascript - insideHTML 在此特定脚本中不起作用

Question

我想从 API 中获取每个元素并将其显示在不同的类中。我在控制台中得到结果，但在页面上没有得到结果。请帮帮我。预先感谢您:) .

我已经将 JavaScript 与 Jquery 结合使用。

<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() 返回具有所有给定类名的所有子元素的类似数组的对象，您必须使用正确的索引:

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