Question

可能重复：
  Inserting an element
  How to do insert After() in JavaScript without using a library?

我在项目中添加了一点javascript，在页面正文后面添加了一个聊天窗口，我想更改它，以便在我指定的div“myPublisherDiv”之后添加聊天窗口。我觉得这很简单，有什么想法吗？提前谢谢！

var div = document.createElement('div');
    div.setAttribute('id', 'stream' + streams[i].streamId);
    document.body.appendChild(div);

Answer 1

为你的div加上一个id

<div id="myDiv">..</div>

然后使用appendChild附加内容：

document.getElementById("myDiv").appendChild(div);

Answer 2

这有点棘手。 insertBefore很简单，因为我在编写一个litte helper函数的节点之后插入：

function insertAfter(newElement, referenceElement) {
    referenceElement.parentNode.insertBefore(newElement, referenceElement.nextSibling);
}

var div = document.createElement('div');
...
insertAfter(document.getElementById("myPublisherDiv"), div);

但另见https://stackoverflow.com/a/1559632/1048572

Answer 3

应该这样做..

var div = document.createElement('div');
div.setAttribute('id', 'stream' + streams[i].streamId);

var target = document.getElementById('myPublisherDiv');

target.parentNode.insertBefore(div, target.nextSibling);

摘自How to do insert After() in JavaScript without using a library?

附加到div，而不是body

3 个答案: