html表格中rows设置什么的,原生js操作Table元素的方法,使用insetRow,insertCell

table的操作方法

我们先看一下table都有哪些属性和方法，table在页面中叫做HTMLTableElement。

table有几个跟操作table，tr，td的方法。

table的操作方法

table.insertRow([index])-插入一个tr。

tr.insertCell(index)-插入一个td。

table.createCaption()-table内创建一个table标题。

table.createTHead()-table内创建thead标签。

table.createTFoot()-标签内创建tfoot标签。

table.deleteRow(index)-删除一行tr。

table.deleteCaption()-删除表格标题。

table.deleteTHead()-删除表格thead标签元素。

table.deleteTFoot()-删除表格的tfoot标签元素。

tr的操作方法

insertCell([index])-插入一个td标签元素。

deleteCell(index)-删除一个td标签元素。

thead,tfoot的操作方法

fh_f.insertRow([index])-插入tr行元素。

fh_f.deleteRow(index)-删除tr元素

js动态创建table

下面，我们先用上面的方法通过js动态创建一个包含caption，thead，tfoot，tbody的table。var arr=[

["mooshine","girl","sunshine","lines"],

["月光","女孩","日光","平行线"],

["G","O","O","D"]

];

//创建table

var table=document.createElement("table");

//创建设置table的标题

var caption=table.createCaption();

caption.innerHTML="js operator table";

//给table的tbody添加tr，td，

addcells(table);

//创建thead添加tr，td

var head=t