使用本机Javascript获取id（或类）前后的div内容

我正在尝试（在原生Javascript中，所以没有jQuery或任何东西）在div出现之前和之后获取内容

HTML:

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

福
你好，世界
酒吧

所以我想在单独的变量中获得

foo

和

条

JS:

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

var beforelement\u helloWorld=…做点什么来获取foo。。。
var afterElement_helloWorld=…做点什么来获得bar
。。。

注：
HTML示例中可能有更多的div、span等。

您需要：

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

再看这个,， previousSibling和previousElementSibling的区别在于，previousSibling将前一个同级节点作为元素节点、文本节点或注释节点返回，而previousElementSibling将前一个同级节点作为元素节点返回（忽略文本和注释节点）。

您需要：

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

再看这个,， previousSibling和previousElementSibling的区别在于，previousSibling将前一个同级节点作为元素节点、文本节点或注释节点返回，而previousElementSibling将前一个同级节点作为元素节点返回（忽略文本和注释节点）。

您需要：

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

再看这个,， previousSibling和previousElementSibling的区别在于，previousSibling将前一个同级节点作为元素节点、文本节点或注释节点返回，而previousElementSibling将前一个同级节点作为元素节点返回（忽略文本和注释节点）。

您需要：

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

再看这个,，

---

previousSibling和previousElementSibling的区别在于，previousSibling将前一个同级节点作为元素节点、文本节点或注释节点返回，而previousElementSibling将前一个同级节点作为元素节点返回（忽略文本和注释节点）。

可能重复，@mrciga绝对没有重复；-）@英属维尔京群岛：请询问主要question@kenorb我不明白你的意思？主要的问题是：“我想把foo和bar

分别放在不同的变量中。”@bvl：然后加上问号，如果这是你在问答网站上的主要问题，因为我在你的帖子中没有看到任何其他问号，这意味着你什么都没问，这篇帖子质量很低。可能重复，@mrciga绝对没有重复；-）@英属维尔京群岛：请询问主要question@kenorb我不明白你的意思？主要的问题是：“我想把foo和bar

分别放在不同的变量中。”@bvl：然后加上问号，如果这是你在问答网站上的主要问题，因为我在你的帖子中没有看到任何其他问号，这意味着你什么都没问，这篇帖子质量很低。可能重复，@mrciga绝对没有重复；-）@英属维尔京群岛：请询问主要question@kenorb我不明白你的意思？主要的问题是：“我想把foo和bar

分别放在不同的变量中。”@bvl：然后加上问号，如果这是你在问答网站上的主要问题，因为我在你的帖子中没有看到任何其他问号，这意味着你什么都没问，这篇帖子质量很低。可能重复，@mrciga绝对没有重复；-）@英属维尔京群岛：请询问主要question@kenorb我不明白你的意思？主要问题是：“我想把foo和bar

分别放在不同的VAR中。”@bvl：然后加上问号，如果这是你在问答网站上的主要问题，因为我在你的帖子中没有看到任何其他问号，这意味着你什么都没问，这篇帖子质量很低。太棒了@roshan这正是我要找的。我喜欢jQuery，但我不知道所有这些原生JS的可能性。太棒了@roshan这正是我想要的。我喜欢jQuery，但我不知道所有这些原生JS的可能性。太棒了@roshan这正是我想要的。我喜欢jQuery，但我不知道所有这些原生JS的可能性。太棒了@roshan这正是我想要的。我喜欢jQuery，但我不知道所有这些原生JS的可能性。