使用JavaScript將HTML對象添加到DOM。顯示空白

我試圖用JavaScript創建一個HTML按鈕（看似簡單），但由於某種原因該對象沒有放置在頁面上。使用JavaScript將HTML對象添加到DOM。顯示空白

我是否需要將它附加到DOM或以某種方式創建它的一個實例？

這裏是我的代碼：

function loadNavigation() { 
var backButton; 
backButton = document.createElement('input'); 
backButton.ID = 'backButton'; 
backButton.type = 'button'; 
backButton.innerHTML = 'Back'; 
backButton.onclick = 'function navigate(-1)';

}

來源

2010-06-09 Jack Roscoe

backButton.value ='Back'; – 2010-06-09 14:39:09

哎呀，謝謝你指出了。更新。 – 2010-06-09 14:40:43

這樣或那樣你仍然有'innerHTML ='返回';'... – 2010-06-09 15:04:42

你將不得不使用的appendChild方法追加按鈕您創建已經exisiting DOM

來源

2010-06-09 14:45:10

是。僅僅因爲你創建了一個元素並不意味着你已經將它放在了頁面上。瀏覽器不知道你想放在哪裏 - 在身體的開始？在你定義的div中間？

你可能會使用這樣的：

document.body.insertBefore(backButton, null);

如果你已經有了一個元素（也許document.getElementById()），您可以用插入新的按鈕：

yourElement.appendChild(backButton);

來源

2010-06-09 14:45:51 VoteyDisciple

insertBefore方法需要第二個參數 – Koen 2010-06-09 14:49:18

好的捕獲。編輯修復。 – VoteyDisciple 2010-06-09 14:55:23

您必須添加按鈕到DOM。 createElement方法只創建對象，但不會將其添加到DOM。您可以在父元素上使用方法appendChild或insertBefore。

來源

2010-06-09 14:45:59 Koen

使用JavaScript將HTML對象添加到DOM。顯示空白

回答

相關問題