• 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属性

  • 相关阅读:
    「CH2401」送礼物 解题报告
    IO流总结
    关于Servlet中GET和POST方法的总结
    关于Java-枚举的总结
    JVM原理
    Form表单中method="post/get'的区别
    基于Servlet+JSP+JavaBean开发模式的用户登录注册
    浅谈jsp和servlet的区别
    serialVersionUID作用
    oracle的oci和thin区别
  • 原文地址:https://www.cnblogs.com/bianbiangege/p/3407360.html
Copyright © 2020-2023  润新知