DOM结构 – 两个节点之间可能存在哪些关系以及如何在节点之间任意移动
返回文档的根节点<html>:document.documentElement
返回<body>:document.body
IE浏览器：
返回当前文档中被激活的标签节点：document.activeElement
返回鼠标移出的源节点：event.fromElement
返回鼠标移入的源节点：event.toElement
搜狐浏览器：
返回激活事件的源节点：event.target
返回父节点：node.parentNode,node.parentElement
返回所有子节点：node.childNodes或node.children
返回第一个子节点：node.firstChild
返回最后一个子节点：node.lastChild
返回指定节点之后紧跟的节点:node.nextSibling
返回指定节点前的紧跟节点：node.previousSibling
DOM操作——怎样添加、移除、移动、复制、创建和查找节点
1.创建新节点
创建DOM片段：createDocumentFragment()
创建一个具体的元素：createElement()
创建一个文本节点：createTextNode()
2.添加 | 移除 | 替换 | 插入
appendChild()
removeChild()
replaceChild()
insertBefore()
3.查找
通过标签名称查找：getElementsByTagName()
通过元素的Name属性的值：getElementsByName()
通过元素Id，唯一性：getElementById()
