DOM系列(一)新手小白的第一篇博客

这是我的第一篇博客,由于有一个月没有学习JS了,DOM的很多东西都忘了,这就算是一种复习吧

DOM概述

什么是DOM

DOM(Document Object Model–文档对象模型)是用来呈现以及与任意HTML或XML文档交互的APL。DOM是载入到浏览器中的文档模型,以节点数的形式来表示文档,每个节点代表文档的构成部分(例如:页面元素、字符串或注释等等)
在这里插入图片描述

  • D表示Document,就是DOM将HTML页面解释为一个文档。同时提供了Document对象。
  • O表示Object,就是DOM将HTML页面中每个元素解析为一个对象。
  • M表示Model,就是DOM中表示各个对象之间的关系。

DOM树结构

在这里插入图片描述

节点

节点原本第网络术语,表示网路中的连接点。一个网络是由一些节点构成的集合。
在DOM树结构中,节点也是很重要的一个概念。简单来说,节点作为DOM树结构中的连接点,最终构成了完整的DOM数结构。

常量描述
Node.DOCUMENT_NODE9文档节点,表示整个HTML页面(相当于document对象)
Node.ELEMENT_NODE1元素节点,表示HTML页面中的标签(即HTML页面的结构)
Node.ATTRIBUTE_NODE2属性节点,表示HTML页面中的开始标签包含的属性。在DOM4规范里Node接口将不再表现这个元素属性
Node.TEXT_NODE3文本节点,表示HTML页面中的标签所包含的文本内容

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值