创建元素.md

创建元素

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

• 使用 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'