码迷,mamicode.com
首页 > 编程语言 > 详细

javascript学习笔记七

时间:2015-12-16 00:18:54      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:

        DOM是语言中中立的API,用于访问和操作HTML和XML文档。DOM1级将HTML和XML文档形象地看作一个层次化的节点树,可以使用JavaScript来操作这个节点树,进而改变底层文档的外观和结构。
        DOM由各种节点构成,简要总结如下:
一、最基本的节点类型是Node,用于抽象地表示文档中一个独立的部分;所有其他类型都继承自node
(首先你掌握将一个HTML页面转换成节点树)
二、Document类型表示整个类型,是一组分层节点的根节点。在JavaScript中,document对象是Document的一个实例。使用document对象,有很多种方式可以查询和取得节点
三、Element节点表示文档中的所有HTML或XML元素,可以用来操作这些元素的内容和特性
四、其它类型的节点类型(这些节点类型只需要了解)
分别表示文本内容、注释、文档类型、CDATA区域和文档片段。
        访问DOM的操作在多熟情况下都很直观,不过在处理<script>和<style>元素时还是存在一些复杂性。由于这两个元素分别包含脚本和样式信息,因此浏览器通常会将它们与其他元素区别对待。这些区别导致了在针对这些元素使用innerHTML时,以及在创建新元素的一些问题。
        理解DOM的关键,就是理解DOM对性能的影响
1、DOM操作往往是JavaScript程序中开销最大的部分,而因访问NodeList导致的问题最多。NodeList对象都是“动态的”,这就意味着每次访问NodeList对象,都会运行一次查询。有鉴于此,最好的方法就是尽量减少DOM操作。

javascript学习笔记七

标签:

原文地址:http://www.cnblogs.com/song-1995/p/5049776.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!