时间戳

首页 > 解决方案 > 我正在努力在javascript中创建一个按钮

javascript - 我正在努力在javascript中创建一个按钮

问题描述

var buttonDivEl = document.getElementById('buttonDiv');
var startFunctionEl = document.getElementById('startFunction');

startFunctionEl.onclick = myFunction;

function myFunction() {
    startFunctionEl.remove();
    var createButton = document.createElement("button");
    createButton.innerHTML = "my new button";
    document.buttonDivEl.appendChild(createButton);
}
<div id="buttonDiv"></div>
<button id="startFunction">Click</button>

我的 HTML 只是 div 内的一个按钮（startFunction 的 id）（buttonDiv 的 id）

我正在尝试这样做，所以当我单击 startFunction 按钮时，它将删除它并在 buttonDiv 内添加一个新按钮，但它似乎无法正常工作。如果我替换以下代码：

document.buttonDivEl.appendChild(createButton);

和

document.body.appendChild(createButton);

它有效，但我希望它专门附加到 buttonDiv，而不是正文。

标签： javascript

解决方案

更改您的代码：

document.buttonDivEl.appendChild(createButton);

至：

buttonDivEl.appendChild(createButton);

推荐阅读