你是如何理解常说的“DOM”?

什么是DOM?简单地说,DOM是一套对文档的内容进行抽象和概念化的方法。DOM是一种API(应用编程接口)。

W3C对DOM的定义是:“一个与系统平台和编程语言无关的接口,程序和脚本可以通过这个接口动态地访问和修改文档内容、结构和样式。”

5个常用的DOM方法:getElemenById、getElementsByTagName、getElementsByClassName、getAttribute和setAttribute

文档:DOM中的"D"

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

对象:DOM中的"O"

对象(object)是一种非常重要的数据类型。对象是自包含的数据集合,包含在对象里的数据可以通过两种形式访问——属性和方法。

  • 属性是隶属于某个特定对象的变量;
  • 方法是只有某个特定对象才能调用的函数

对象就是由一些属性和方法组合在一起而构成的一个数据实体。在javaScript中,属性(property)和方法(method)都使用“点”语法来访问:

object.property
object.method()

JavaScript语言里面的对象可以分为三种类型。

  • 用户定义对象:由程序员自行创建的对象。
  • 內建对象:內建在JavaScript语言里的对象,如Array、Math和Date等。
  • 宿主对象:由浏览器提供的对象。

即使是在JavaScript的最初版本里,对编写脚本来说非常重要的一些宿主对象就已经可用了,他们当中最基础的对象是window(浏览器窗口)对象。

模型:DOM中的"M"

DOM中的“M”代表着“Model”(模型),它的含义是某种事物的表现形式,DOM代表着加载到浏览器窗口的当前网页。浏览器提供了网页的模型,而我们可以通过JavaScript去读取这张地图。

陈健的个人博客,记录生活所见所感、学习笔记。专注于Web前端_SEO教程_读书心得。

2 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注

返回主页看更多
狠狠的抽打博主 支付宝 扫一扫