透过DOM去看前端世界

前端开发 2600 Views 1 Comments

1、DOM中的"D"

如果没有document(文档),DOM也就无从谈起。当创建了一个网页并加载到web浏览器中时,DOM就在幕后悄然而生。它把你编写的网页文档转换成一个文档对象。

2、DOM中的"O"

window对象对应着浏览器窗口本身,这个对象的属性和方法通常统称为BOM(浏览器对象模型),但我觉得成为window Object Model(窗口对象模型)更为贴切。

3、DOM中的“M”

DOM中的"M"代表着“Model”(模型),但说代表Map(地图)也未尝不可。模型也好,地图也罢,它们的含义都是某种失误的表现形式。

html

head                                  body

meta  title                            h1 p ul div

现在我们已经了解DOM中的字母D(document ,文档)和字母O(object,对象)、M(model,模型)分别代表什么。

下面来看通过DOM方法获取元素节点。

1、getElementById

通过元素ID,document.getElementById("id")

2、getElementByTagNmae

通过元素标签名,document.getElementByTagNmae(“p”)

3、getElementByClassNmae

通过元素类名,getElementByClassNmae(“content”)

获取和设置属性

上面介绍三种获取特定元素的方法,得到这些元素之后,我们可以设法获取元素的各个属性。

getAttribute方法就是用来干这个的。相应的,setAttribute方法是用来更改属性节点的值。

以上DOM提供的五个方法是我们将要编写DOM脚本的基石。

getElementById

getElementByTagName

getElementByClassName

getAttribute

setAttribute

转载请注明:一只羊博客 » 透过DOM去看前端世界

分享到:
(0)

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (1)

  1. 学习加了解!

    2013-10-21 11:54 回复