副标题#e#
<h1 id=”基本知识”>基本知识
<h3 id=”dom结构—两个节点之间可能存在哪些关系以及如何在节点之间任意移动”>1、DOM结构—两个节点之间可能存在哪些关系以及如何在节点之间任意移动
- document.documentElement 返回文档的根节点
- document.body
- document.activeElement 返回当前文档中被激活的标签节点（ie）
- event.formElement 返回鼠标移出的源节点(ie)
- event.toElement 返回鼠标移入的源节点(ie)
- event.srcElement 返回激活事件的源节点(ie)
- event.target 返回激活事件的源节点(firefox)
- 当前对象为node
- 返回父节点：node.parentNode,node.parentElement
- 返回所有子节点：node.childNodes（包含文本节点及标签节点）,node.children
- 返回第一个子节点：node.firstChild
- 返回最后一个子节点：node.lastChild
- 返回同属上一个子节点：node.nextSibling
- 返回同属下一个子节点:node.previousSibling
- parentNode和parentElement功能一样，childNodes和children功能一样。但是parentNode和childNodes是符合W3c标准的，可以说比较通用，而另外两个只是IE支持，不是标准，Firefox就不支持
- 只要记得有parentElement何children就行了
- createDocumentFragment() //创建一个DOM片段
- createElement() //创建一个具体的元素
- createTextNode() //创建一个文本节点
- appendChild()
- removeChild()
- replaceChild()
- insertBefore()
- getElementsByTagName() //通过标签名称
- getElementsByName() //通过元素的name属性的值
- getElementById() //通过元素id，唯一性
- IE5.5：div->body->document
- IE6.0:div->body->html->document
- Mozilla 1.0:div->body->html->document->window
- createDocumentFragment() //创建一个DOM片段
- createElement() //创建一个具体的元素
- createTextNode() //创建一个文本节点
- appendChild()
- removeChild()
- replaceChild()
- insertBefore()
- getElementsByTagName() //通过标签名称
- getElementsByName() //通过元素的name属性的值
- getElementById() //通过元素id，唯一性
- IE5.5：div->body->document
- IE6.0:div->body->html->document
- Mozilla 1.0:div->body->html->document->window
- getElementsByTagName() //通过标签名称
- getElementsByName() //通过元素的name属性的值
- getElementById() //通过元素id，唯一性
- IE5.5：div->body->document
- IE6.0:div->body->html->document
- Mozilla 1.0:div->body->html->document->window
- IE5.5：div->body->document
- IE6.0:div->body->html->document
- Mozilla 1.0:div->body->html->document->window
