今天还是继续阅读了书本,并且对书本上的例子用电脑敲了一遍,加深了一下印象。
这一章主要讲的是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)