什么是DOM(文档对象模型)

DOM概述

DOM(Document Object Model)仅关注浏览器所载入的文档。DOM将html文档视为由元素、属性和文本组成的一棵DOM树。
可以将html文档中的每个成分视为一个节点,节点的特点如下:

  1. 整个文档是一个文档节点
  2. 每个HTML标签是一个元素节点
  3. 包含在HTML元素中的文本是文本节点
  4. 每个HTML属性是一个属性节点
  5. 注释属于注释节点
  6. HTML文档中的节点彼此间都存在关系,如一张族谱。

整个html文档在DOM中是一个document对象,常见的属性如下:
在这里插入图片描述
document对象的方法主要是用于操作文档节点,控制其内容和外观。常见的方法如下:
在这里插入图片描述

DOM元素节点

如果编程时希望访问某个元素的父元素,但又不知道父元素的ID、name和target可以根据层次关系来查找节点,在DOM中,每个节点都具有访问节点的属性。
在这里插入图片描述

小结:
  1. 浏览器对象模型用于描述对象与对象之间的层次关系,他提供了独立于内容之外,且可以于浏览器窗口互动的对象结构。
  2. window是浏览器对象模型的顶层对象,常用的属性有document、history、location和status等,常用的方法有alter、confirm、close、open、setTimeout和setInterval等。
  3. history对象是用于管理当前窗口最近访问过的URL,其常用方法包括forward、back和go。
  4. DOM是一种与浏览器、平台和语言无关的接口,它可以使程序访问页面其他的标准组件,主要应用于解析xml和html内容。
  5. document对象代表浏览器窗口中加载的整个html文档,它是window对象中的一个属性。常用的属性有bgcolor,fgcolor和title。常用的方法有write、writeln、getElementById、getElementsByTagname、getElementsByName和creatElement。
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值