从一大块字符串中获取元素数组

Question

我有一个包含 HTML 元素的模板文字，我想通过一个函数运行它并获取所有元素及其字符串的数组。

const tmp = `
<div>
 <h1>Heading <span>inline</span></h1>
 <button>Click Me</button>
</div>
`

这应该给我：

["<h1>Heading <span>inline</span></h1>", "<span>inline</span>", "<button>Click Me</button>"]

我该怎么做？

Answer 1

试试这个方法：

const tmp = `
<div>
 <h1>Heading <span>inline</span></h1>
 <button>Click Me</button>
</div>
`
let elems = [],
 domElement = new DOMParser().parseFromString(tmp, "text/xml"),
 results = domElement.evaluate('//div//*', domElement, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);

for(let i = 0; i < results.snapshotLength; i++) {
  let node = results.snapshotItem(i); 
  elems.push(node);     
}
console.log(elems)

输出应该是您的预期输出。