1:先在HTML中设计一个表格,给这个表格设置ID,方便等下在JS中获取这个表格,为了方便简单,这里就只设计一行数据了,给这个行也设置一个ID,然后再弄一些数据
HTML表格设计代码截图:
2:现在再去JS中写一个方法,给这个方法取一个名称并传递一个参数,比如:“function zjff1(rowIndex)”,接下来就是在这个方法里面写代码:先通过ID获取到刚刚设计的那个表格,并变量它,然后再变量获取10个td,因为这个表格中有10个,给这10个td的HTML赋值,比如“《111》”,每个都需要赋值,再“var xtr=table.insertRow(rowIndex)”,把刚刚的每一个td都添加进去
JS方法代码:
function zjff1(rowIndex){
var table=document.getElementById(“table”);
var xg1=document.createElement(“td”);
var xg2=document.createElement(“td”);
var xg3=document.createElement(“td”);
var xg4&
用JS在表格中的当前行下新增新的一行
最新推荐文章于 2023-07-28 14:28:50 发布