标签：box appendChild DOM function getElementsByClassName document 节点
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() 获取节点，返回的是一个包含了所有指定类名的子元素的类数组对象。
标签：box,
appendChild,
DOM,
function,
getElementsByClassName,
document,
节点
From： https://www.cnblogs.com/wanker/p/17965837