3.1 JavaScript与HTML DOM

DOM(Document Object Model,文档对象模型)是W3C组织推荐的处理可扩展标志语言的标准编程接口。在HTML网页中,页面的全部对象被组织成一个树形结构,而这个结构模型也就是所谓的HTML DOM。

HTML DOM是W3C组织推出的标准对象模型和标准编程接口,其定义了所有HTML元素的对象和属性,以及访问它们的方法。也就是说,HTML DOM是关于如何操作(获取、添加、修改或删除)HTML元素对象的标准。

相信读者都听说过HTML网页有静态页面和动态页面之分。如果一个网页中仅仅是由各种HTML标签元素组合而成,那么一般称之为静态页面。如果在一个网页中使用了JavaScript脚本代码,就可以称之为动态页面了。JavaScript就是通过操作HTML DOM对象模型实现了对HTML页面中的元素、属性、样式和事件的控制,从而构建出HTML动态页面。

HTML DOM定义了一个Document对象(每一个载入浏览器的HTML文档都会生成一个Document对象),通过该对象可以使用JavaScript脚本语言对HTML页面中的元素对象进行访问。下面给出一个常用的、通过元素对象的id属性和name属性获取对该元素对象引用的代码实例。