代码之家 › 专栏 › 技术社区 › Jack Roscoe

使用javascript将HTML对象添加到DOM。显示空白

dom html javascript

Jack Roscoe · 技术社区 · 14 年前

我试图用javascript创建一个HTML按钮(看起来很简单),但是由于某种原因,这个对象没有被放置在页面上。

我需要将它附加到DOM还是创建一个它的实例?

这是我的代码:

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

}

3 回复 | 直到 14 年前

sushil bharwani 14 年前

必须使用AppendChild方法将创建的按钮附加到已存在的DOM中

VoteyDisciple 14 年前

对。仅仅因为你已经创建了一个元素并不意味着你已经把它放到了页面上。浏览器不知道你想把它放在身体开始的什么地方?在你定义的分区中间?

您可能会使用如下内容:

document.body.insertBefore(backButton, null);

如果你已经有了一个元素 document.getElementById() )插入新按钮时可以使用:

yourElement.appendChild(backButton);

Koen 14 年前

您必须将按钮添加到DOM中。方法createElement只创建对象,但不将其添加到dom中。可以在父元素上使用appendchild或insertbefore方法。

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前