在标记中的内容之前插入动态创建的div

时间:2013-06-08 17:55:42

标签: javascript html dom

如果我有一些HTML文档的正文如下:

<body>
    <p>Here's some text</p>
</body>

然后,以下内容将文本附加到<body>

var jselem = document.createElement("div");
jselem.innerHTML = '<p>Some other text here</p>';
document.body.appendChild(jselem);

...导致:

Here's some text
Some other text here

有没有办法在动态创建div之后生成以下内容,以便产生以下结果?

Some other text here
Here's some text

1 个答案:

答案 0 :(得分:4)

我认为你问的是DOM方法insertBefore

document.body.insertBefore(jselem, document.body.firstChild);

DEMO: http://jsfiddle.net/MCnxM/