JavaScript 4 HTML DOM对象

DOM是一个表示和处理文档的应用程序接口(API),可用于动态访问、更新文档的内容、结构和样式。
DOM主要包括3部分:

  1. Core DOM(核心DOM):定义了访问和处理任何结构化文档的基本方法。
  2. XML DOM:定义了访问和处理XML文档的标准方法。
  3. HTML DOM:定义了访问和处理HTML文档的标准方法。

DOM将文档表示为具有层次结构的节点数。

文档
元素 \ html
元素 \ head
元素 \ body
元素 \ title等
元素 \ div等
属性 \ id等
文本 \ 内容
属性 \ id等
文本 \ 内容

节点类型
DOM树中的节点分为12种。常用类型:文档,元素,属性,文本,注释5种

节点类型ID说明
Element1元素节点,表示用标签对标记的文档元素,如普通段落< p>…< /p>
Attribute2属性节点,表示一对属性名和属性值,如id=“p1” 。该类节点不能包含子节点
Text3文本节点,表示起始标签和结束标签之间的文本。如< p>Hello< /p>标记的"Hello"。该类节点不能包含子节点。
Comment8注释节点,表示文档注释。该类节点不能包含子节点
Document9文档节点,表示整个文档

DOM是一组对象的集合,通过操纵这些对象,可以对HTML或XML文档进行读取、遍历、修改、添加和删除等操作。

  1. DOM节点对象:是最核心的DOM对象,用于表示DOM树中的任意节点。
  2. HTMLElement对象:是HTML DOM的基础对象,用于表示HTML文档中的任意元素。
  3. 特定类型的HTML元素对象
  4. HTMLDocument对象:Window对象的document属性引用的Document对象既属于BOM对象,又属于HTML DOM对象。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值