节点操作(增、删、改、查)
查询:
id,类,标签,name
关系:父子、兄弟
父节点 parentNode
子节点 childNodes
第一个子节点 firstChild
最后一个子节点 lastChild
前一个兄弟节点 previousSibling
下一个兄弟节点 nextSibling
1、增加节点
步骤:创建节点 增加到指定的位置
创建节点 createElement
格式:document.createElement("标签")
document.createElement("p") --创建p标签
增加节点
1)appendChild --在指定对象(父级)的末尾增加
格式:父级对象.appendChild(新节点)
2)insertBefore --在指定对象(同级)的前面增加
格式:指定对象的父级.insertBefore(新节点,指定对象)
2、删除节点 removeChild
步骤:找到需要删除的对象,删除
格式:指定对象的父级.removeChild(指定对象)
3.复制节点 cloneNode(false/true)
1、找到需要复制的节点,复制
2、到目标位置粘贴(增加)
格式:对象.cloneNode()
false: --默认,只复制节点,不复制节点中的后代
true: --复制节点及节点中的后代
4.替换节点replaceChild
1、新对象(创建,复制)
2、找到旧对象,替换
格式:替换对象的父级.replaceChild(新对象,旧对象)
另外表格也有自己的节点的操作方式
表格的属性和方法(对表格中行和列的操作)
rows --集合,表格中所有的行
rows[n] --第n行(下标从0开始)
length属性:长度(行数)
cells --集合,一行中列的集合
cells[n] --第n个单元格(列)
length属性:长度(列数)
1、先添加行(表格的最后或指定位置)
2、添加单元格,设置单元格中的内容
添加行:insertRow
格式:表格对象.insertRow(n) --n表示插入行在表格中的位置;缺省时,添加在表格的最后
添加单元格(列):insertCell
格式:行对象.insertCell(n) --n表示插入单元格在行中的位置;缺省时,添加在行的最后
删除行:deleteRow
删除指定的行
格式:表格对象.deleteRow(n) --n表示行号(指定的行)
rowIndex属性 --行号
格式:行对象.rowIndex