使用HTML、CSS和Javascript动态创建HTML按钮

我希望在html表单上动态添加一个按钮，以便用户在填写表单时可以上载多个文件。css设计既有弹性又流畅，其目的是每当用户单击“添加文件”链接时，都会添加一个新按钮，以允许用户浏览文件、添加文件并最终上载文件。按钮应出现在页面的主要内容区域，不应溢出页脚区域之外，并且应垂直呈现，每个按钮显示在换行符上。下面的代码正是这样做的。这个问题与css（设计）需求密切相关，但也有一些扭曲

函数myFunction（）{
var btn=document.createElement（“按钮”）；
var text=document.createTextNode（“浏览…”）；
附录子项（文本）；
var newbutton=document.getElementById（“button”）；//在html上引入了新的div按钮元素。
document.body.insertBefore（btn，newbutton）；//在方法之前插入
}

/*Mailu*/
div{
填充：1px0；
}
#标题{
背景：#DDDDDD；
}
#页脚{
明确：两者皆有；
背景：#DDDDDD；
}
/*按此处建议添加csshttps://stackoverflow.com/a/2038374/2941758*/
按钮{显示：块；}

家

上传文件

名字：
页脚

更换：

#button {

与：

#

是一个

id

选择器，这意味着它将把样式应用于具有

id=“button”

的元素

---

如果省略

#

，它将匹配所有

元素。

这里混合了一些概念。CSS中没有任何元素，只有关于文档显示的规则。如果没有应用此规则，则规则目标（“css选择器”）的指定不正确。（提示：#用于在CSS中指定目标id）“在CSS之外”？没有这样的事情…@doldt即使我在css中添加元素，结果仍然是相同的same@AlexMaina，正如我所说，您不能向css添加元素。只有选择器将匹配某些元素。我已经编辑了上面的css，并包括id div@doldt@Cerbrus...done那个结果保持不变，但规则现在应用于动态创建的按钮。如果左边的

边距

没有改变，那是因为它已经是

auto

。你到底想对那个按钮做什么？我想用它上传一个文件。我需要它在CSS中。我已经编辑了上面的CSS并包含了id div.@cerbrusw“我需要它在CSS中”是什么意思？我希望按钮显示在页脚之前，而不是之后

button {