1. DOM结构-- 两个节点可能存在哪些关系以及如何在节点之间任意移动.
父, 子和同级节点. 父节点拥有子节点, 而处于相同级层上的子节点可称为同级节点(或兄弟节点).
1)在多级节点数中, 最顶端的节点称为根节点.
2)跟节点之外的每个节点都有一个父节点.
3)节点可以拥有任意数量的子节点.
4)叶子是没有子节点的节点.
5)同级节点是拥有相同父节点的子节点.
---document.documentElement(返回文档根节点), document.body(返回body节点), document.activeElement (返回当前文档被击活的标签节点)\
---event.fromElement (返回鼠标移除的节点源), event.toElement(返回鼠标移入的节点源), event.srcElement(返回激活时间的节点源), event,target(返回激活事件的源节点-->firefox)
当前对象node-- 节点node信息 nodeName, nodeValue, nodeType
dom操作
1> 创建游离节点
document.createDocumentFrament 创建DOM片段
document.createElement() 单一元素节点
document.createTextNode() 创建文本节点
2> 节点添加和移除
fatherNode.appendChild(' ') 父节点添加子节点
fatherNode.removeChild(' ') 移除子节点
fatherNode.replaceChild(' ') 替换子节点
fatherNode.insertBefore(' ') 在所有节点之前添加子节点
3> 查找dom
document.getElementByTagName('p') 查找<p>标签
document.getElementById(' ') 查找指定id节点
document.getElementByName(' ') 查找className节点
