如何用javascript一个接一个地写一个元素？

Question

我需要在一个接一个地附加一个元素onclick(textarea).

我怎么做？

Answer 1

接受的答案将适用于这种特定情况,但是为了更普遍地插入一个元素,以下内容完成了以下工作:

someElement.parentNode.insertBefore(newElement, someElement.nextSibling);

其中newElement是要插入的元素,someElement是要插入的元素.

W3C insertBefore Node接口的方法

Answer 2

更新：该问题可能无法正确回答问题，但已被选择为正确答案。因此，我在这里添加了正确的答案，因为大多数人都不会滚过它，而原始作者已经有很多年没有访问Stackoverflow了。

来自@RobG的正确答案

var div = document.getElementById( 'div' );
var newText = document.createElement( 'textarea' ); // create new textarea
div.parentNode.insertBefore( newText, div.nextSibling );

旧的无关答案：

您可以使用appendChild方法添加新元素

的HTML

<div id='div'>
  <textarea></textarea>
</div>

Java脚本

var div = document.getElementById('div');

var newText = document.createElement('textarea'); // create new textarea

div.appendChild(newText); // add it to the div

产生的HTML

<div id='div'>
  <textarea></textarea>
  <textarea></textarea>
</div>

Answer 3

outerHTML 方法也有诀窍:

allAloneElement.outerHTML+='<p>I am the new element</p>'