dom数 如何分类html,DOM分类及HTML DOM

本文详细介绍了W3C的DOM模型,包括核心DOM、HTMLDOM和XMLDOM的区别,重点讲解了HTML DOM中的节点分类(文档节点、元素节点、属性节点和内容节点),并展示了如何通过节点操作HTML内容。
摘要由CSDN通过智能技术生成

DOM简介

DOM是W3C(World Wide Web Consortium)标准。

“W3C 文档对象模型(DOM,全称Document Object Model)”是一个使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口。

DOM被分为3个不同的部分/级别:

核心 DOM

XML DOM

HTML DOM

核心DOM:提供了操作文档的公有属性和方法,就相当于鼻祖。

HTML DOM:提供了所有HTML元素的对象和属性,以及访问方法,相当于对核心DOM进行了在HTML方面的拓展。

XML DOM:提供了所有XML元素的对象和属性,以及访问方法,与HTML DOM类似。

HTML DOM

节点概念

HTML DOM 把所有的元素全部转化为节点对象,以后要想操作HTML里的内容就等于操作节点。

节点分类

文档节点[object HTMLDocument]

元素节点[object HTMLXXXElement]

属性节点[object Attr]

内容节点[object Text]

1、文档节点就是根,只存在一个,想要得到它十分容易,写一个 document 相当于文档节点了。

渲染结果

059e76c12076367f6ff0694739123cea.png

2、元素节点:文档节点是根,所以他肯定有许多小弟了,比如 div 、p等等,都是元素节点,属于文档节点的下级。

3、属性和内容节点:id就是div的一个属性节点的节点名,“HTML DOM”就是div内容节点的节点值,节点名和节点值就是节点的属性之一。

HTML DOM

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值