创建DOM节点时出现错误信息：box.appendChild is not a function

1、代码正常书写如下

 <div class="box"></div>

    <!-- JavaScript代码 -->
    <script>
      // 创建节点
      let box = document.getElementsByClassName("box");
      let words = document.createElement("span");
      words.innerHTML = "hello word!";
      box.appendChild(words);
    </script>

2、出现报错信息 box.appendChild is not a function

3、解决办法

let box = document.getElementsByClassName("box")[0];

4、总结原因

使用 document.getElementsByClassName() 获取节点，返回的是一个包含了所有指定类名的子元素的类数组对象。