如何在JavaScript中使用appendChild（）函数在任何预期位置添加按钮？

当使用javaScript发生某个事件时，我想在我的网页中添加一个按钮。我在网上搜索了很多，并尝试使用appendChild（）函数来解决这个问题

我的代码如下：

var btn = document.createElement(‘button’);
btn.body.appendChild(btn);

在这里，我面临两个问题

我的按钮已添加，但位于html页面的某个角落，并且

如果不向其他按钮提供css，我无法向新创建的按钮添加样式

那么，我如何在某个位置添加这个按钮，并向这个按钮添加css呢

---

提前谢谢

将其附加到文档中，而不是按钮

var btn=document.createElement（'button'）；
btn.innerText=“按钮”；
btn.style.background=“红色”；
文件.正文.附件（btn）
您的第一个问题是在主体之后添加了按钮。这样按钮就会出现在html页面的某个角落。
要解决此问题，您可以在包含div的id之后添加此div。并且此div必须位于您期望的位置。
在您期望的位置创建一个id为myButton的div

id=“addButton”

然后像这样在这个id后面附加你的按钮

document.getElementById("addButton").appendChild(newButton);

要为这个新创建的按钮提供CSS，您的CSS代码如下

#addButton button {
        display: block;
        background: green;
        padding: 10px;
        color: #ffffff;
    }


要提供悬停效果，您的代码将

   #addButton button:hover {
            background: red;
        }