HTML模板变量的使用 ${}

function render() {
    tbody.innerHTML = ''
    for (let i = 0; i < arr.length; i++) {
        // 创建tr
        let tr = document.createElement('tr')
        // 添加内容
        tr.innerHTML = `
                    <td>${arr[i].stuId}</td>
                    <td>${arr[i].uname}</td>
                    <td>${arr[i].age}</td>
                    <td>${arr[i].gender}</td>
                    <td>${arr[i].salary}</td>
                    <td>${arr[i].city}</td>
                    <td>
                        <a href="javascript:" data-id="${i}">删除</a>
                    </td>
                `
        // 追加到dom树
        tbody.appendChild(tr)
    }
}