如何在javascript中制作和编辑HTML div [重复]

Question

此问题已经在这里有了答案：

Dynamically creating HTML elements using Javascript? （5个答案）

[<17小时前关闭。

试图在已经使用JavaScript制作的div内创建Html div，但是我的函数有问题。

HTML部分

<div id="test">
<button onclick="addDiv()">test</button>
</div>

Js部分
let page = document.querySelector('test');

function addDiv() {
    document.createElement('div')
    document.querySelector('page')
    addedDiv = document.appendChild('div')
    page = document.appendChild('div')
    document.getElementById('div').innerHTML = "ThisFunctionIsWorking"
}

应该在控制台中看到输出，并且div内的文本显示ThisFunctionIsWorking但是我收到一个错误（未能在“节点”上执行“ appendChild”：参数1的类型不是“节点”。）
感谢您的时间帮助我...
    

Answer 1

您的代码在许多方面都不正确。我建议您学习基础（网络）编程，重点是基础知识，例如返回值，范围等，然后再讲基础的javascript和dom树操作。