如何在body标签后追加元素?

时间:2018-04-22 15:37:06

标签: javascript html

img

这就是我想要的。 我希望新创建的元素追加到body标签之后。不要在body标签内。

谢谢你。

2 个答案:

答案 0 :(得分:2)

您可以使用document.documentElement进行追加。

document.documentElement.appendChild(new_div);

这是<html>元素在DOM中的表示方式。

这不会必然直接放在body之后。如果需要,则使用.insertBefore代替.appendChild

document.documentElement.insertBefore(new_div, document.body.nextSibling);

或者您可以使用.insertAdjacentElement

document.body.insertAdjacentElement("afterend", new_div);

如果您在JS中使用HTML标记创建新元素,则可以使用.insertAdjacentHTML

document.body.insertAdjacentHTML("afterend", "<div>...</div>");

答案 1 :(得分:0)

你可以用这个

var div = document.createElement("DIV");
div.id = "id";
div.innerHTML = "1223";
document.body.parentNode.insertBefore(div, document.body.nextSibling);