浏览器对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属性