关于JS使用appendChild(Node)函数出现Uncaught TypeError: appendChild is not a function的解决方案

关于JS使用appendChild(Node)函数出现Uncaught TypeError: appendChild is not a function的解决方案再学习JS的过程中，我想通过createElement()方法创建一个节点再通过appendChild()方法插入到页面中，但是使用的过程中出现了Uncaught TypeError: appendChild is not a funct

高电平

7610人浏览 · 2022-03-27 11:00:15

高电平 · 2022-03-27 11:00:15 发布

关于JS使用appendChild(Node)函数出现Uncaught TypeError: appendChild is not a function的解决方案

再学习JS的过程中，我想通过createElement()方法创建一个节点再通过appendChild()方法插入到页面中，但是使用的过程中出现了Uncaught TypeError: appendChild is not a function的报错，在经过查找资料和解决方案，我发现在获取DOM元素时使用getElementByXXX()方法时，appendChile()方法是不生效的，还会报错，将获取DOM元素方法改为querySelector()时，appendChile()就可以正常使用了

var ul = document.querySelector("ul");

function reserve() {
    var info = text.value;
    if (info == '') {
        alert("内容不能为空")
        return;
    }

    var li = document.createElement("li");
    li.innerHTML = `
        <p class="text">${ info }</p>
    `
    ul.appendChild(li);
}