创建文档对象
为什么要创建文档对象?
顾名思义,文档对象是用于存放一段文档的对象,在内存中临时保存多个子元素的虚拟父对象。在操作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