如何使用JavaScript将HTML字符串转换为HTML标记和文本内容的数组？

function parseHTML(htmlString) {
  // 创建一个虚拟的div元素
  const div = document.createElement('div');
  // 将HTML字符串赋值给虚拟div的innerHTML属性，浏览器会自动解析HTML字符串
  div.innerHTML = htmlString;
  
  const result = [];
  
  // 遍历虚拟div的子节点
  for (let node of div.childNodes) {
    // 如果是元素节点，将标记存入结果数组
    if (node.nodeType === Node.ELEMENT_NODE) {
      result.push(node.outerHTML);
    }
    // 如果是文本节点，将文本内容存入结果数组
    if (node.nodeType === Node.TEXT_NODE) {
      result.push(node.nodeValue);
    }
  }
  
  return result;
}

const htmlString = '<div><h1>Title</h1><p>Paragraph</p></div>';
const result = parseHTML(htmlString);
console.log(result);