Javascript_DOM编程艺术研究.docx

更多企业学院：《中小企业管理全能版》183套讲座+89700份资料《总经理、高层管理》49套讲座+16388份资料《中层管理学院》46套讲座+6020份资料《国学智慧、易经》46套讲座《人力资源学院》56套讲座+27123份资料《各阶段员工培训学院》77套讲座+324份资料《员工管理企业学院》67套讲座+8720份资料《工厂生产管理学院》52套讲座+13920份资料《财务管理学院》53套讲座+17945份资料《销售经理学院》56套讲座+14350份资料《销售人员培训学院》72套讲座+4879份资料更多企业学院：《中小企业管理全能版》183套讲座+89700份资料《总经理、高层管理》49套讲座+16388份资料《中层管理学院》46套讲座+6020份资料《国学智慧、易经》46套讲座《人力资源学院》56套讲座+27123份资料《各阶段员工培训学院》77套讲座+324份资料《员工管理企业学院》67套讲座+8720份资料《工厂生产管理学院》52套讲座+13920份资料《财务管理学院》53套讲座+17945份资料《销售经理学院》56套讲座+14350份资料《销售人员培训学院》72套讲座+4879份资料第3章DOM本章内容●节点的概念●四个非常实用的DOM方法：getElementById、getElementsByTagName、getAttribute和setAttribute终于要与DOM面对面了。能够向大家介绍DOM是笔者的荣幸我非常乐于带领大家通过DOM的眼睛去看世界。3.1文档：DOM中的“D”DOM是“DocumentObjectModel”（文档对象模型）的首字母缩写。如果没有document（文档）DOM也就无从谈起。当创建了一个网页并把它加载到Web浏览器中时DOM就在幕后悄然而生。它将根据你编写的网页文档创建一个文档对象。在人类语言中“对象”这个词的含义往往不那么明确和具体它几乎可以用来称呼任何一种客观存在的事物。但在程序设计语言中“对象”这个词的含义非常明确和具体。3.2对象：DOM中的“O”在上一章的末尾我们向大家展示了几个JavaScript对象的例子。你们应该还记得“对象”是一种独立的数据集合。与某个特定对象相关联的变量被称为这个对象的属性；可以通过某个特定对象去调用的函数被称为这个对象的方法。JavaScript语言里的对象可以分为三种类型：真的不掉线吗？？、？？？？？？？？？？？？●用户定义对象（user-definedobject）：由程序员自行创建的对象。本书不讨论这种对象。●内建对象（nativeobject）：内建在JavaScript语言里的对象如Array、Math和Date等。●宿主对象（hostobject）：由浏览器提供的对象。在JavaScript语言的发展初期程序员在编写JavaScript脚本时经常需要用到一些非常重要的宿主对象它们当中最基础的是window对象。window对象对应着浏览器窗口本身这个对象的属性和方法通常被统称为BOM（浏览器对象模型）——但我觉得称之为WindowObjectModel（窗口对象模型）更为贴切。BOM向程序员提供了window.open和window.blur等方法你们在上网冲浪时看到的各种弹出窗口和下拉菜单——其数量之多已经到了泛滥成灾的地步——几乎都是由这些方法负责创建和处理的。难怪JavaScript会有一个不好的名声！值得庆幸的是在这本书里我们不需要与BOM打太多的交道。我们将把注意力集中在浏览器窗口的内部而不是浏览器窗口本身。我们将着重探讨如何对网页的内容进行处理而用来实现这一目标的载体就是document对象。在本书的后续内容里我们将尽可能地只讨论document对象的属性和方法。现在我们已经对DOM中的字母“D”（document文档）和字母“O”（object对象）做了解释那么字母“M”又代表着什么呢？3.3模型：DOM中的“M”DOM中的“M”代表着“Model”（模型）但说它代表着“Map”（地图）也未尝不可。模型也好地图也罢它们的含义都是某种事物的表现形式。就像一个模型火车代表着一列真正的火车、一张城市街道图代表着一个实际存在的城市那样DOM代表着被加载到浏览器窗口里的当前网页：浏览器向我们提供了当前网页的地图（或者说模型）而我们可以通过JavaScript去读取这张地图。真的不掉线吗？？、？？？？？？？？？？？？既然是地图就必须有诸如方向、等高线和比例尺之类的记号。要想看懂和使用地图就必须知道这些记号的含义和用途——这个道理同样适用于DOM。要想从DOM获得信息我们必须先把各种用来表示和描述一份文档的记号弄明白。DOM把一份文档表示为一棵树（这里