如何用javascript编写一个元素紧接着另一个元素？

Question

我需要在另一个元素（文本区域）之后添加一个 onclick 元素。

我该怎么做？

Answer 1

接受的答案将在这种特定情况下起作用，但要更一般地在另一个元素之后插入一个元素，可以执行以下操作：

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

其中 newElement 是要插入的元素，someElement是要插入到其后的元素。

W3C insertBefore 方法 节点接口

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>

Javascript

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>'