使用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。显示空白

回答

相关问题