当前位置：首页 > 文档资料 > 30 秒就能理解的 JavaScript 代码片段 >

createElement - 创建元素

优质

小牛编辑

116浏览

2023-12-01

根据一个字符串创建一个元素（不附加到 document ）。如果给定的字符串包含多个元素，则只返回第一个元素。

使用 document.createElement() 来创建一个新的元素。将它的 innerHTML 设置为作为参数提供的字符串。使用 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'

免责声明：以上内容版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。感谢每一位辛勤著写的作者，感谢每一位的分享。