如何使用javascript和html向按钮动态添加字体图标？

我想使用javascript动态创建下面的html代码

<button id="add_row" style="background-color:#90EE90;"  onclick="add(event)" >
                             <i class="fa fa-plus"  style="font-size: 2em;"></i> 
                          </button>

---

因此，如何将图标

icondelete

放在按钮内部

deletebutton

由于icondelete是一个节点，deletebutton也是一个节点，因此可以使用appendChild

deletebutton.appendChild(icondelete);

对于单击处理程序，您可以这样做

deletebutton.addEventListener("click",function(evt){
   add(evt)
});

此外，还需要为按钮使用BUTTON not input，输入不能有HTML子项或任何子项

var deletebutton =  document.createElement("button");

var deletebutton =  document.createElement("button");