为什么我的按钮元素没有在我的父 div 中创建为子元素答案

【问题标题】：Why is my button element not created as a child in my parent div为什么我的按钮元素没有在我的父 div 中创建为子元素
【发布时间】：2022-08-16 22:09:25
【问题描述】：

我有以下代码。我想添加一个按钮作为另一个名为element 的元素的子元素。

//parent div
const element = document.getElementById(\"idClass\")

const button = document.createElement(\"button\")

button.textContent = \"Click me\"

element.appendChild(\"button\")

有人能告诉我为什么它不起作用吗？

element.appendChild(\"button\") -> element.appendChild(button) 因为\"button\" 是一个字符串，button 是一个包含元素的变量。

标签： javascript html dom parent-child appendchild

【解决方案1】：

您可以将 Javascript 代码放入 window.onload() 函数中。下面是相同的工作示例。

window.onload = () => {
    var element = document.getElementById("idClass");
    var button = document.createElement("button");
    button.textContent = "Click me";
    element.appendChild(button);
}

&lt;div id="idClass"&gt;&lt;/div&gt;

【讨论】：

这与真正的问题无关，只是他们将变量放在引号中。