DOM笔记

浏览器对dom的支持情况

ff dom1 dom2 全部实现

ie dom1 实现部分 dom2 完全没有实现

chrome safrie 介于ff和ie之间  dom1实现了大多数，dom2实现了部分

1、  oul.childNodes 获取子节点 ff中空白也算作子节点，如果用oul.children则不存在这个问题，用来取第一层的子节点比较好

2、  oul.parentNode 获得父节点

3、  nodetype 1代表元素节点  3代表文本节点

4、  offsetParent 获取相对定位

5、  创建Element:createElement(“li”);

6、  插入Element:insertBefore(被插入元素,目标元素)

7、  删除Element：removeChild

8、  文档碎片document.createDocmentFragment();

 

有兼容性问题的节点

1、  首尾子节点 childNodes和lastNodes 在火狐中 firstElementChild 和lastElementChild

可以定义一个var child = childNodes || firstElementChild；这样直接用child就可以兼容了

2、  兄弟节点 nextSibling和previousSibling 在火狐中是 nextElementSibling 和 previousSibling，处理方法和首尾字节点的处理方法相同。

 

操作元素的属性

1、  elem.value=”123”;

2、  elem[“value”] =”abc”;

3、  elem.setAttribute(“value”,”123”);

4、  elem.getAttribute(“value”);

5、  elem.removeAttribute(“value”);

 

dom元素的查找

按照className来选择元素

1、全部选出，循环比较元素的className属性