创建HTML元素

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

  • 使用Document.createElement()创建一个新元素。
  • 使用Element.innerHTML将其内部HTML设置为作为参数提供的字符串。
  • 使用Element.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'