<table border="1">
    <thead>
        <tr>
            <th>学号</th>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
    </thead>
    <tbody>
        <template id="myTemplateName">
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </template>
    </tbody>
</table>

<script type="text/javascript">
var dataList = [
    { no:1, name:"章三", age:20 },
    { no:2, name:"李四", age:16 },
    { no:3, name:"王五", age:18 },
];

var template = document.querySelector("#myTemplateName");
for (var i = 0; i < dataList.length; i++) {
    var data = dataList[i];
    var cloneRow = template.content.cloneNode(true);
    var cells = cloneRow.querySelectorAll("td");
    cells[0].textContent = data.no;
    cells[1].textContent = data.name;
    cells[2].textContent = data.age;
    template.parentNode.appendChild(cloneRow);
}
</script>