Skip to content

Latest commit

 

History

History
28 lines (24 loc) · 698 Bytes

createElement.md

File metadata and controls

28 lines (24 loc) · 698 Bytes
方法名 标签
createElement
browser,初级

根据字符串创建元素(没有添加到文档中的) 如果给定的字符串含有多个元素,只会返回第一个。

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