20021/8/6

今天还是继续阅读了书本，并且对书本上的例子用电脑敲了一遍，加深了一下印象。

这一章主要讲的是DOM

DOM中的"D":把编写的的网页文档转换为一个文档对象。

DOM中的"O"：对象是一种自足的数据集合。与某个特定对象相关联的变量被称为这个对象的属性；只能通过某个特定对象去调用的函数被称为这个对象的方法。

JavaScript语言里的对象可以分为三种类型：用户定义对象、内建对象、宿主对象

第一种是自行创建的对象     内建对象：内建在JavaScript语言里的对象，如Array，Math.......

宿主对象：有浏览器提供的对象

DOM中的"M"：代表着浏览器窗口当前的网页。

DOM的原子是元素节点，标签就是元素的名字，元素可以包含其他元素

class属性：可以在所有元素上任意应用class属性

<p class="title">This  paragraph  has  the   special  class></p>

也可以为class属性值相同的所有元素定义同一种样式：

.special{

font-style:italic;

}

可以利用class属性为一种特定类型的元素定义一种特定的样式：

h2.special{

text-transform:uppercase;

}

id属性的用途是给网页里的某个元素加上一个独一无二的标识符。

id属性就像是一种挂钩，一头连着文档里的某个元素，另一头连着css样式表里的某个样式。

获取元素

有3种方法可以获取元素节点，通过元素id、通过标签名字和通过类名字来获取。

getElementById：这个方法将返回一个与那个有着给定id属性值的元素节点对应的对象。

这个方法只有一个参数：想获得的那个元素的id的属性的值，这个id值必须放在单引号或双引号里

例子：document.getElementById("purchases")

getElementByTagName:返回一个对象数组，每个对象分别对应着文档里有着给定标签的一个元素

这个放法也是只有一个参数的函数，参数就是标签的名字

element.getElementByTagName (tag)

getElementByClassName:这个方法能够通过class属性中的类名来访问元素

getElementByClassName也只接受一个参数，就是类名

getElementByClassName（class）