前端几个知识点

副标题#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