使用原生JavaScript获取id（或类）之前和之后div的内容

Question

我试图（在原生Javascript中，所以没有jQuery或任何东西）获取div的发生前后的内容。

HTML：

<div id="thisIsWhatIWant"> 
    <span>foo</span> 
    <div id="helloWorld">hello world</div> 
    <p>bar</p> 
</div> 

所以我想<span>foo</span>和<p>bar</p>在单独瓦尔。

JS：

var beforeElement_helloWorld = ...do something to get <span>foo</span>... 
var afterElement_helloWorld = ...do something to get <p>bar</p>... 

注：
可能有更多的div，跨度等在HTML的例子。

Answer 1

你需要这样的：

var previous = document.getElementById("helloWorld").previousElementSibling; 
var next = document.getElementById("helloWorld").nextElementSibling; 

而且阅读， previousSibling和previousElementSibling之间的区别是，previousSibling返回前一个兄弟节点为元素节点，文本节点或注释节点，而previousElementSibling返回前一个兄弟节点作为元素节点（忽略文本和注释节点）。