Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在javascript中创建和编辑Html div_Javascript_Append - Fatal编程技术网

如何在javascript中创建和编辑Html div

如何在javascript中创建和编辑Html div,javascript,append,Javascript,Append,试图在已经使用javascript创建的div中创建Html div,但我的函数有问题 Html部分 <div id="test"> <button onclick="addDiv()">test</button> </div> 应该在控制台中看到输出,div中有一个文本,表示此函数正在工作 但在“节点”上执行“appendChild”时出现错误:参数1不是“节点”类型 如果您能抽出时间帮助我,我将不胜感激。您的代码在许多方面都不正确。我建议您学

试图在已经使用javascript创建的div中创建Html div,但我的函数有问题

Html部分

<div id="test">
<button onclick="addDiv()">test</button>
</div>
应该在控制台中看到输出,div中有一个文本,表示此函数正在工作 但在“节点”上执行“appendChild”时出现错误:参数1不是“节点”类型


如果您能抽出时间帮助我,我将不胜感激。

您的代码在许多方面都不正确。我建议您学习基本的web编程,重点是返回值、范围等基础知识,然后学习基本的javascript和dom树操作

您的问题的解决方案是:

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

function addDiv(nodeId) {
    var elem = document.createElement('div')
    var container = document.getElementById(nodeId)
    container.appendChild(elem)
    elem.innerHTML = "ThisFunctionIsWorking"
}

您的代码在许多方面都不正确。我建议您学习基本的web编程,重点是返回值、范围等基础知识,然后学习基本的javascript和dom树操作

您的问题的解决方案是:

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

function addDiv(nodeId) {
    var elem = document.createElement('div')
    var container = document.getElementById(nodeId)
    container.appendChild(elem)
    elem.innerHTML = "ThisFunctionIsWorking"
}

谢谢!!我还是一个初学者,我正在学习,非常感谢!!我还是一个初学者,我正在学习