创建标签函数

481 阅读1分钟
create = (string) => {
    const container = document.createElement('div')
    container.innerHTML = string
    return container.children[0]
}

此方法对于<td>标签无效,因为不符合HTML语法规范,<td>标签只允许出现在<tbody>、<table>、<tr>等标签里面。<template>标签能容纳任意元素,不会在页面中显示。

create(string) => {
    const container = document.createElement('template')
    container.innerHTML = string.trim()
    return container.content.firstChild;
}

firstChild获取的是第一个节点,如果不使用string.trim(),将获取到的是#text