带有css的Javascript按钮

编辑：

当前使用此javascript代码时，它适用于加号框，但不适用于减号框。更改了下面的代码片段

//创建用于创建和删除输入的按钮 var newAddButton=document.createElement'input'； newAddButton.id=submit2； newAddButton.type=按钮； newAddButton.value=+； var newDelButton=document.createElement'input'； newDelButton.type=按钮； newDelButton.value=-； newAddButton.id=submit2； 我有一个javascript表单，两个按钮，当点击加号时会创建一个表单，我只是想知道出现的按钮是否可以设置为与下拉列表旁边的按钮相同的CSS样式

简而言之，css样式通过javascript附加到按钮上

HTML

t1 t2 t3 JAVASCRIPT

var计数器=0； 函数addNewe{ var countAll=document.getElementsByTagNameselect.length-1； var lastSelectBox=document.getElementsByTagNameselect[countAll]； var items=lastSelectBox.innerHTML； //获取将添加所有其他Div的主Div var mainContainer=document.getElementById'mainContainer'； //创建用于保存文本和按钮输入元素的新div var newDiv=document.createElement'div'； //创建新的文本输入 var newText=document.createElement'select'； newText.type=选择； newText.setAttributename，文本[]； newText.innerHTML=项目； //用于测试 //创建用于创建和删除输入的按钮 var newAddButton=document.createElement'input'； newAddButton.type=按钮； newAddButton.value=+； var newDelButton=document.createElement'input'； newDelButton.type=按钮； newDelButton.value=-； //将新文本输入附加到newDiv newDiv.appendChildnewText； //将新按钮输入附加到newDiv newDiv.appendChildnewAddButton； newDiv.appendChildnewDelButton； //将newDiv输入附加到mainContainer div maincainer.appendChildnewDiv； //向按钮添加一个处理程序，用于从mainContainer中删除newDiv newAddButton.onclick=addNew； newDelButton.onclick=函数{ main container.removeChildnewDiv； }; };

---

小提琴有很多毛病

为了解决您的问题，CSS有一个无关的}，这会导致submit3的样式被忽略。移除它。 fiddle中的Javascript不应包装在onload处理程序中；将其设置为“头部无缠绕”或“身体无缠绕”。否则，单击按钮将不起作用。 新创建的按钮都具有相同的ID。这是一个禁忌。让Javascript记住有多少个按钮，并根据计数给它们一个唯一的ID。比如++数字按钮；id='submit'+numberofbuttons*2；一个加1，另一个加1。 哦，你的小提琴与问题中的示例代码不同。不要那样做。

---

输入的类型是提交，而不是按钮。请发布相关的HTML和CSS或创建一个@bvx89按钮输入类型：按钮、提交、重置。您好，是的，这是小提琴，出于某种原因，按钮在那里不起作用，但它正常工作。如果您查看javascript，我需要使+和-按钮的ID为submit 2@user2999825，ID必须是唯一的。如果需要具有相同类的多个项，请更改为类。