2019-10-29
描述
根据字符串(不需要添加到文档中)创建一个元素。如果给定的字符串包含多个元素,仅返回第一个。
提示
- 使用
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'