javascript学习笔记（二）

二、DOM

DOM是"Document Object Model"(文档对象模型)的首字母缩写，当创建了一个网页并把它加载到WEB浏览器

中时，DOM就在后台生成，它讲根据你编写的网页文档创建一个文档对象。

javascript语言里的对象可以分为三种类型：

①用户定于对象（user-defined object）:由程序员自行创建的对象

②内建对象（native object）：内建在javascript语言里的对象，如Array，math，date等。

③宿主对象：（host object）：由浏览器提供的对象

 

getElementById()方法

DOM提供一个名为getElementById()的方法，这个方法将返回一个与那个有着给定ID属性值得元素节点相对应

的对象。（注意：javascript区分大小写）

这个方法是与document对象相关联的函数，在脚本代码里，函数名的后面必须根由一组圆括号，这组圆括号

包含着函数的参数。getElementById()方法只有一个参数：你想获得的那个元素的id属性值，这个id值必须

放在单引号或双引号里。

document.getElementById(id)

例：

结果返回的事：object

 

getElementsByTagName()方法

getElementsByTagName()方法将返回一个对象数组，每个对象分别对应着文档里有着定标签的一个元素。

例

 

将会返回object

 

小结：

一份文档就是一颗节点树

节点分为不同的类型：元素节点、属性节点和文本节点等。

getElementById()方法将返回一个对象，该对象对应着文档里的一个特定的元素节点。

这些节点中的每个都是一个对象。

 

getAttribute()方法

getAttribute()方法是一个函数。它只有一个参数--你打算查询的属性的名字：

Object.getAttribute(attribute)

getAttribute()方法不能通过document对象调用，我们只能通过一个元素节点对象调用它。

例

 

与getElementsByTagName方法结合，去查询每个<p>元素的title属性

 

setAttribute()方法

setAttribute()方法与其他几个方法的区别是它允许我们队属性节点的值进行修改。

setAttribute()方法要求我们向他传递两个参数：

setAttribute(attribute，value)