如何将一个HTML文档中使用纯JavaScript在文档

我知道我可以添加使用javascript由元素的特定位置添加一个元素：
document.createElement('input');
但我想将其添加到文档的特定位置，就像在submit之后或之后的textfield如何将一个HTML文档中使用纯JavaScript在文档

来源

2013-01-15 Govind Balaji

功能'.addElement'不会在DOM存在AFAIK。 –

我建议阅读http://www.w3.org/wiki/Creating_and_modifying_HTML。这也可能有助于：http://www.w3.org/wiki/Traversing_the_DOM。 –

@FelixKling对不起createElement –

尝试了这一点：

s是你想以后把新元素的元素。

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

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

这将会把当前input后的新input。

或者：

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

来源

2013-01-15 12:37:34 ATOzTOA

元素将在第二种方式创建的位置 –

@govindo它将位于'form'元素的末尾，位于''之前。 – ATOzTOA

您可以使用GetElementsBy函数之一获取节点，然后使用Node.appendChild（）附加新的DOM元素。

来源

2013-01-15 12:35:37 SBI

谢谢，你能告诉我一个例子，我将不胜感激 –

'Node.appendChild（）'将在'Node'的末尾插入元素。如果OP想要在页面上的现有元素之后立即插入元素，这可能是不够的。 –

如果您选择适当的元素（选择适当的类和ID），这应该不是一个真正的问题。然后，您可以选择确切放置哪些元素。 – SBI

如何将一个HTML文档中使用纯JavaScript在文档

回答

相关问题