Question

分隔多个HTML元素的字符串的最佳实践是什么？我正在尝试文章的JSON转储，所有主体都像这样捆在一起：

 "<p>"This is a p."</p>[IMAGE]<h1>"this is more text."</h1><p>"OK"</p>[EMBED]<h2>more tags</h2>"

Answer 1

我已经构造了一个将返回Array的函数和另一个将返回NodeList的函数。

也许其中之一就足够了：

let str = `<p>This is a p.</p>[IMAGE]<h1>this is more text.</h1><p>OK</p>[EMBED]<h2>more tags</h2>`;

// Returns NodeList
htmlStringToNodeList = str => {
  var div = document.createElement('div');
  div.innerHTML = str.trim();
  return div.children;
}
console.log(htmlStringToNodeList(str));

// Returns Array 
htmlStringToArray = str => {
  var div = document.createElement('div');
  div.innerHTML = str.trim();
  return Array.from(div.children);
}
console.log(htmlStringToArray(str));

希望这会有所帮助

将HTML元素字符串分隔为字符串

1 个答案: