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() 方法移除元素到另外一個元素。