DOM小结

**DOM**是语言中立的API,用于访问html,xml文档。DOM1级将html和xml文档形象的看作为一个参差画的节点树,可以使用javascript来操作这个节点数,进而改变迪岑文档的外观和结构。

DOM由各种节点构成,简要总结如下:

  1. 最基本的节点类型就是Node,用于抽象的表示文档中的一个独立部分,所有其他类型都继承自Node。
  2. .Document 类型表示的是整个文档,是一组分层节点的根节点。在javascript中,document对象是Document的一个实例,使用document对象,有很多种方式查询和取得节点。第一,其可以获取文档的子节点,如 var hetml=document.documentElement;//取得对html的引用。第二是其可以获得文档信息,例如:var original=document.tittle; document.tittle=”new tittle”;//设置文档的标题。第三是查找元素,其中有getElementById(),和 getElementByName();
  3. Element节点表示对相对于html和xml的所有元素,可以用来操作这些元素的内容和属性。
  4. 还有一些节点类型,分别表示文档内容(text),注释(comment),文档类型(Documentype),CDATA区域(CDATAsection)和文档片段。

    访问DOM的操作在很多情况下很直观,不过在处理script 和style元素的时候还是存在一些问题,由于这两个元素包含脚本和样式信息,因此在浏览器通常会将他们区别对待。
    理解DOM的关键是,就是理解DOM对性能的影响,DOM往往是javascript中程序开销最大的部分,而且因为访问Nodelist问题比较多,NoList导致的问题为最多,NdeList对像是动态的,这就意味着每次访问NodeList对象,就要运行一次查询,有鉴于此,最好的办法就是减少DOM的操作。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值