在js添加表格信息

Question

实现   在文本框中输入信息点击添加  会在表格下方添加一条新的表格信息。  

Answer 1

点击添加  通过dom获取文本框的值，动态创建一行添加到表格。
var name = document.getElementById('name').value
...sex,age,_class
var table = document.getElementById('table')
table.append(`<tr><td>${name}</td><td>${age}</td><td>${sex}</td><td>${_class}</td></tr>`)有几列加几列

Answer 2

        var table = document.getElementById('表格的ID');
        var row = table.insertRow();
        var cell1 = row.insertCell();
        cell1.innerText = document.getElementById('姓名输入框ID').value;
        var cell2 = row.insertCell();
        cell2.innerText = document.getElementById('年龄ID').value;
        //其他的

Answer 3

首先，table 标签内要有 tbody 标签。如果没有。加上。然后才能用 js 脚本动态的添加一行数据。