共计 688 个字符，预计需要花费 2 分钟才能阅读完成。
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()