在几个标签之间获取文本

Question

我在页面上有这个HTML代码:

<div style="display:none" id="roles">
        <span>Manager</span>
        <span>Seller</span>
</div>

我想在spans元素之间获得字符串数组.

var roles = document.getElementById("roles").innerText.match("what i should get here"); // output roles = ["Manager", "Seller"]

Answer 1

var roles = Array.prototype.slice.call(document.getElementById('roles').getElementsByTagName('span')).map(function(node) {
  return node.innerText || node.textContent;
});

console.log(roles);

<div style="display:none" id="roles">
  <span>Manager</span>
  <span>Seller</span>
</div>