JavaScript实现向body元素中插入一个按钮

两种方法在body元素中插入一个按钮

<input id='btn' type='button' value='按钮' />

使用appendChild()方法插入

var inputbtn = document.createElement('input');
inputbtn.id="btn";
inputbtn.type="button";
inputbtn.value="按钮";
document.body.appendChild(inputbtn);

使用innerHTML属性插入

document.body.innerHTML="<input id='btn' type='button' value='按钮' />";

appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。

createElement() 方法通过指定名称创建一个元素。

如果文档树中已经存在了 newchild，它将从文档树中删除，然后重新插入它的新位置。

如果 newchild 是 DocumentFragment 节点，则不会直接插入它，而是把它的子节点按序插入当前节点的 childNodes[] 数组的末尾。

可以使用 appendChild() 方法移除元素到另外一个元素。