标签归档:HTM

DOM中表格的操作方法总结

最近公司内的项目用到了表格,于是和表格较上了劲。如果相对表格进行自如的操作就要对表格的方法和属性有一个详细的了解,其中之一就是要知道如何DOM为我们提供哪些操作表格方法。

君欲善其事,必先利其器!

DOM中表格的操作方法总结

<table/>元素的方法如下:
  • caption:指向<caption/>元素(如果存在);
  • tBodies:<tbody/>元素的集合;
  • tFoot:指向<tfoot/>元素(如果存在);
  • tHead:指向<thead/>元素(如果存在);
  • rows:表格中所有行的集合;
  • createTHead():创建<thead/>元素并将其放入表格;
  • createTFoot():创建<tfoot/>元素并将其放入表格;
  • createCaption():创建<caption/>元素并将其放入表格;
  • deleteTHead():删除<thead/>元素;
  • deleteTFoot():删除<tfoot/>元素;
  • deleteCaption():删除<caption/>元素;
  • deleteRow(position):删除指定位置上的行;
  • insertRow(position):在rows集合中指定的位置上插入一新行。
<tbody/>元素的方法如下:
  • rows:<tbody/>中所有行的集合;
  • deleteRow(position):删除指定位置上的行;
  • insertRow(position):在rows集合中指定的位置上插入一新行。
<tr/>元素的方法如下:
  • cells:<tr/>元素中所有的单元格的集合;
  • deleteCell(position):删除给定位置上的单元格;
  • insertCell(position):在Cells集合的给定位置上插入一个新的单元格。