使用原生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返回前一個兄弟節點作爲元素節點（忽略文本和註釋節點）。