AJAX学习(二)-------DOM基础

DOM简介

DOM是”Document Object Model”（文档对象模型）的首字母缩写。当创建了一个网页并把它加载到

Web浏览器中时，就会在幕后创建一个文档对象。

DOM表示被加载到浏览器窗口里的当前页面：浏览器向我们提供了当前页面的模型，而我们可以通过

JavaScript访问这个模型。

DOM把一份文档表示为一棵树。

如下的HTML页面：

   
       
   
   
       

rees, trees, everywhere

       

welcome really

   


DOM树中的一切是以最外层的HTML包含元素，即html元素开始的。使用树的比喻，这叫做根元素（root

element）。

从根流出的线表示不同标记部分之间的关系。head和body元素是html根元素的孩子（child）；title是head的孩

子，而文本 “Trees, trees, everywhere”是title的孩子；相对的，head是title的父亲（parent），title是文本

“Trees, trees, everywhere” 的父亲。处在同一层次的且互不包含的两个分支（如head和body）之间称为兄弟

（sibling）关系。整个树就这样组织下去，直到浏览器获得与上图类似的结构。

通常把这样的树结构成为一棵节点树。

节点（node）

DOM文档是由节点构成的集合，此时的节点是文档树上的树枝或树叶。

DOM中节点的类型：

元素节点（element node），诸如、

、

等。元素可以包含其它的元素，唯一没有被包含在其它
元素里唯一的元素是，它是根元素。

文本节点（text node），网页上，内容是最重要的。

元素中包含着文本节点“Trees, trees, everywhere”。

属性节点（attribute node），元素或多或少地有一些属性，属性可以对元素做出一些具体的描述。因为属性总是被放到起始标签里，所以属性节点总是被包含在元素节点中。

基本DOM方法

getElementById(id) //取元素节点
返回一个给定id属性的元素节点相对应的对象。这个方法是与document对象相关联的函数。

getElementsByTagName(tagname) //取元素节点
返回一个对象数组，它们分别对应着文档里的一个特定的元素节点。
g
etAttribute() //取属性节点值
返回对象的属性值
s
etAttribute() //设置属性节点值
修改对象的属性值
 

了解了dom的一些基本概念及方法后，下面我们通过实例加深下印象！

<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>