javascript - 如何仅使用 JavaScript 获取下一个元素？

Question

假设我们有这个标记：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf8" />
<title>project.js</title>
<script src="project.js"></script>
<script>

</script>
</head>

<body>
<h1>some project &mdash; javascript & html tests</h1>
<hr />

    <p>
        testing 123
    </p>
</body>
</html>

我知道有.prependChild(), .appendChild(), .innerHTML, 等属性和方法，但我正在寻找的是如何在</body>标签关闭后添加（附加）内容？

我需要这个，而不使用 jQuery——这可能吗？

score 7 · Accepted Answer

如果你使用'id'。你可以使用这些属性：

document.getElementById('id').nextSibling; 
document.getElementById('id').previousSibling;

score 2 · Accepted Answer

它在某些浏览器中不起作用，因为之后的内容body不是“合法的”。无论如何，这将是：

document.body.parentNode.appendChild(document.createTextNode('text after body'));
document.body.parentNode.appendChild(document.createComment('comment after body'));

http://jsfiddle.net/yVKk6/并检查结果框架。

javascript - 如何仅使用 JavaScript 获取下一个元素？

2 回答 2

Related

Reference