【javascript学习笔记】DOM介绍

本文介绍了文档对象模型(DOM)的概念及其在网页中的应用。DOM作为W3C标准,允许开发者通过编程语言(如JavaScript)来读取和修改HTML文档中的元素。文章详细解释了DOM中的文档、对象和模型三个组成部分,并探讨了DOM的工作模式。

DOM是document object model( 文档对象模型) 的缩写。DOM 是 W3C(万维网联盟)的标准。熟悉开发的人员把html dom 可以理解为它是网页的api,它将网页中的元素看作是每个对象,所以网页中的元素是可以被通过支持dom的语言获取或者进行编编辑。例如我们常用的javascript来利用html dom来编写网页动态。

文档  DOM中的“D”:Document(文档).如果没有document(文档),dom也就无从谈起了,当我们创建一个网页并加载到浏览器时,dom就在幕后已经产生了,它把网页文档转换成一个文档对象。

对象 DOM中的“O”:Object(对象)。对象是一种自足的数据集合,javascript 语言中的对象可以分为三类:

      用户自定义对象(user-defined object):由程序员自行创建的对象。

      内建对象(native object):内建在javascript语言里的对象,如Array、Math和Date等。

      宿主对象(host object):由浏览器提供的对象。

模型  DOM中的"M":Model(模型)

     它的是网页的一种表现形式。dom的模型是以节点树来表示。节点就是html中的每个元素(标签)(属性)(文本),如:<h1> <p> <div>标签, <p>这就是一个文本节点</p>中的“这就是一个文本节点” 文本节点,<h1 title="h1">中的title属性节点等。


DOM的工作模式:先加载文档静态内容,再动态刷新,动态刷新不影响文档的静态内容。这正是DOM的威力所在:对页面内容进行刷新确不需要在浏览器里刷新页面。


以上内容学至《javascript dom编程艺术第二版》,记录下。

注:本博客里的学习笔记部分是博主自己学习时所根据自己的情况所记录的东西,看客看到如果对你有用虽好,看不懂的也不要怪意,完全是博主个人学习所用。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值