从字符串创建元素(不将其附加到文档)。如果给定的字符串包含多个元素,则只返回第一个元素。

  • 使用 Document.createElement() 创建一个新的元素。

  • 使用 Element.innerHTML,将它的内部 HTML 设置为以参数提供的字符串。

  • 使用 ParentNode.firstElementChild 返回字符串的元素版本。

const createElement = str => {
  const el = document.createElement('div')
  el.innerHTML = str
  return el.firstElementChild
}

const el = createElement(
  `<div class="container">
    <p>Hello!</p>
  </div>`
)

console.log(el.className) // 'container'