一、找到标签
直接找:
document.getElementById(‘id’); //找到一个固定对象
document.getElementsByClassName('classname'); //找到多个对象,返回数组
document.getElementsByTagName('tag'); //找到多个对象,返回数组
document.getElementsByName("name"); //找到多个对象,返回数组
间接找:
parentNode
/
/
父节点
childNodes
/
/
所有子节点
firstChild
/
/
第一个子节点
lastChild
/
/
最后一个子节点
nextSibling
/
/
下一个兄弟节点
previousSibling
/
/
上一个兄弟节点
parentElement
/
/
父节点标签元素
children
/
/
所有子标签
firstElementChild
/
/
第一个子标签元素
lastElementChild
/
/
最后一个子标签元素
nextElementtSibling
/
/
下一个兄弟标签元素
previousElementSibling
/
/
上一个兄弟标签元素
二、创建节点
document.createElement('div'); //创建标签节点
document.createTextNode("你好呀!!") //创建文字节点
三、插入节点
appendChild(Node); //在父级标签最后追加节点
insertBefore(NewNode,oldNode); //在任意地方插入节点
四、删除节点
removeChild(node);
五、替换节点
replacechild(Newnode,oldNode);
六、文档碎片
createDocumentFragment(); //提高js执行效率,相当于div包围,只是没有标签
七、Dom对表格对象的操作
var table = document.createElement("table");
/////////注意表格结构标准就是,caption、head、foot、body
table.createCaption(); //创建描述
table.createTHead(); //创建表头
table.createTFoot(); //创建表底
table.createTBody(); //创建身体
///////////////在body中插入行
insertRow() //这是插入一行
insertRow(i) //还可以插入行号,注意行号从零开始计算
配合rows[i]使用
/////////////在行中插入单元格
insertCell() //这是插入一个单元格
insertCell(j) //同样可以插入标号
配合cells[j]使用
///////删除相关
deldexxxxx()
九九乘法表实例: