如何使用javascript编写一个接一个的元素？ [重复]

问题描述

|                                                                                                                   这个问题已经在这里有了答案：                                                      

解决方法

        更新：该问题可能无法正确回答问题，但已被选择为正确答案。所以我在这里添加正确的答案，因为大多数人都不会滚动它，并且原始作者已经有很多年没有访问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>

    ,        接受的答案将在这种特定情况下起作用，但是更普遍地将一个元素插入另一个元素，则可以完成以下工作：

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

其中newElement是要插入的元素，someElement是要插入的元素。 W3C Node接口的insertBefore方法     ,        

outerHTML

方法也可以做到：

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