Fatal编程技术网
  • javascript/
  • 如何使用纯javascript在HTML文档的特定位置添加元素

如何使用纯javascript在HTML文档的特定位置添加元素

javascript html

如何使用纯javascript在HTML文档的特定位置添加元素,javascript,html,Javascript,Html,我知道我可以通过以下方式使用javascript添加元素： document.createElement（'input'） 但是我想将它添加到文档的特定位置，比如在提交按钮之后，或者在文本字段之后，您可以使用一个GetElementsBy函数获得一个节点，然后使用node.appendChild（）附加新的DOM元素。尝试以下方法： s是要将新元素放在后面的元素 var s = document.getElementsByTagName("input")[0]; var newNode = do

我知道我可以通过以下方式使用javascript添加元素： 
document.createElement（'input'）


但是我想将它添加到文档的特定位置，比如在
提交
按钮之后，或者在
文本字段
之后，您可以使用一个GetElementsBy函数获得一个节点，然后使用node.appendChild（）附加新的DOM元素。
尝试以下方法：


s
是要将新元素放在后面的元素


var s = document.getElementsByTagName("input")[0];
var newNode = document.createElement("input");

s.parentNode.insertBefore(newNode, s.nextSibling);


这将把新的
输入
放在当前
输入
之后

或者：


var f = document.getElementsByTagName("form")[0];
var newNode = document.createElement("input");
f.appendChild(newNode);



DOM afaik中不存在函数
.addElement
。建议阅读。这可能也有帮助：.@FelixKling.createElementor请查看此
节点。appendChild（）
将在
节点的末尾插入元素。如果OP希望在页面上的现有元素之后立即插入元素，这可能不够。如果您选择适当的元素（选择适当的类和ID），这应该不是问题。然后，您可以准确地选择要放置在哪些元素之后。如果我要在所有元素前面添加一个元素，该怎么办您可以按照本示例的思路执行操作：someParentObject.appendChild（someChildObject，someParentObject.firstChild）；在第二个项目中，将在何处创建元素way@govindo它将位于
表单
元素的末尾，就在
之前。