js中易混淆知识点

1.nodeType，nodeValue，nodeName

nodeType用来返回节点类型，为了兼容IE，最好将nodeTyep属性与数字值进行比较，比较常用的节点判断见下表

1	元素节点
2	属性节点
3	文本节点
8	注释
9	文档

nodeName中保存的始终都是元素的标签名，元素标签中，是属性名；在文本标签中，是#text

ps:注意区分nodeName和tagName,语义一样，都是返回标签名，nodeName可在所有节点上使用，而tagName只能在元素标签上使用

nodeValue,对于文本节点，nodeValue属性包含文本，属性节，nodeValue包括属性值，nodeValue对于文档节点和元素节点是不可用的

2.offsetParent,parentNode,parentElement

offsetParent指与位置有关的上级关系

parentNode指与位置无关的上级元素

parentElement与parentNode同理，但是parentNode是标准规定，而parentElem是在IE中使用的

3.e.target和e.srcElement

两个都是用于获取目标元素，e.target是标准规定的，e.srcElement是兼容IE使用的

4.insertBefore()，appendChild()方法的区别

appendChild(),用于向childNodes列表的末尾添加一个节点

insertBefore(),将节点添加至列表中某个特定位置，该方法接受两个参数：要插入的节点和做为参考的节点，插入结点后，被插入的节点会变成参考节点的前一个同胞节点。