JavaScript 创建文档对象

为什么要创建文档对象？

顾名思义，文档对象是用于存放一段文档的对象，在内存中临时保存多个子元素的虚拟父对象。在操作DOM Tree时，频繁的操作会影响页面的性能，所以在我们操作DOM Tree时，先创建一个虚拟的父对象，操作虚拟的父对象，然后再将虚拟的对象追加的页面DOM Tree上，追加完成后，内存释放。

怎么创建一个文档对象？

var frag = document.createDocumentFragment();

创建了虚拟的文档对象后，他会存放在内存中，此时我们可以操作他，譬如在虚拟的文档对象里追加一个div

frag.appendChild(document.createElement('div'));

Table 表格操作

创建行元素

var table = docuemnt.createElement('table');

thead的创建

var head = table.createTHead();

tbody的创建

var body = table.createTBody();

tfoot的创建

var foot = table.createTFoot();

我们通过声明变量head,body,foot来接受thead,tbody,tfoot,同时也可以通过变量head,body,foot在里面追加tr,td等标签

删除行元素

thead的删除

table.deleteTHead()

tfoot的删除

 table.deleteTFoot()

• 需要注意的是：table无法删除tbody

创建行分组

insertRow() // 表示在末尾追加一行

删除行分组

thead.deleteRow(i)
tbody.deleteRow(i)
table.deleteRow(i)

• 每一行tr都有tr.rowIndex，记录了tr在整个表中的下标

获取行分组

rows

单元格

添加单元格

inserCell(i)

• 无法添加th

删除单元格

deleteCll(i)

获取单元格

Cells