DOM的三个级别

最新推荐文章于 2025-10-09 00:07:06 发布
原创 最新推荐文章于 2025-10-09 00:07:06 发布 · 5.3k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#JavaScript #DOM

本文详细介绍了DOM的发展历程，包括1级DOM的基础封装，2级DOM增加了事件和CSS支持，以及3级DOM对XML特性的支持。

其实也就是DOM发展过程。


1级别：

将html文档封装成对象；

2级别：

在1的基础上，添加了功能，例如对事件和CSS的支持；

3级别：

支持 XML的一些特性

DOM分类和级别概述
ruoyiqing的专栏
09-10 8282
DOM是什么？ 简单来讲，DOM就是一组API（接口）。它将r
DOM事件相关总结
前端程序猿的博客
01-21 790
DOM事件相关总结 DOM事件模型和事件流 DOM事件捕获的具体流程 事件代理(事件委托) Event对象常见的应用
dom事件模型级别
java电商源码分享
06-03 247
到目前为止，DOM事件模型分为三个等级，分别是0级、1级、2级。   0级是最早的，而且目前所有的浏览器仍支持0级DOM模型。 0级模型的注册事件，就是我们经常见到的，如： <input type="button" onclick="buttonClick()"/>   2级的典型特点是事件传播的阶段，（捕获阶段，直接目标阶段，起泡阶段），注意在第三个阶段“起泡阶段”在IE...
JavaScript进阶篇：DOM核心知识解读
最新发布
2403_86719076的博客
10-09 1333
本文介绍了DOM（文档对象模型）的基本概念、结构及常用操作方法。DOM是浏览器将HTML/XML文档解析成的树形结构，包含元素节点、文本节点、属性节点等。文章详细讲解了常见的DOM元素选取方法，如getElementById、querySelector等，以及操作内容、属性、样式和节点的API。
DOM等级
qq_34506728的博客
10-12 301
假设要被监听的元素id为dom，则定义: var dom = document.getElementById("dom"); 1、DOM0: 监听事件定义: dom.onclick = function(e) {}; 2、DOM2: dom.addEventListener("click", function(e) {}); 3、DOM3: dom.addEventListener("任何监...
DOM事件级别
搞毛线的工程师
03-21 437
DOM0级事件 element.onclick = function(){} DOM1没有跟事件相关的更新 DOM2级事件 element.addEventListener('click', function(){}, false) DOM3级事件 (定义了自定义事件) element.addEventListener('keyup', function(){}, false)...
dom事件级别
p13132312312的博客
09-28 689
dom事件级别其实就是一些制定的标准：有0,2,3三种标准。 0级就是类似下图那样，用onclick来绑定事件，也没有自定义事件啥的。事件会被覆盖。 到了2级可以开始有多个事件，还支持事件的冒泡和捕获的设置。【false是冒泡，true是捕获】addeventListener(event,listener,useCaptrue) IE11以下：attachEvent(event,lis...
JavaScript DOM 学习第三章 内容表格
10-29
这些都是JavaScript进行DOM编程时的核心操作，是每个前端开发人员必须掌握的基础技能。通过这些操作，开发者可以实现动态的内容更新、事件处理、以及用户交互功能。 ### 知识点七：代码的模块化和复用 在文档中，...
ShadowDOM:影子DOM
07-03
Shadow DOM为Web开发带来了更高级别的组件化和封装，它的出现使得开发者能够创建更加独立、可复用的自定义元素，同时解决了CSS样式冲突和管理难题。随着Web Components技术的发展，Shadow DOM的应用将会越来越广泛，...
js中DOM事件绑定分析
11-27
这两个方法接受三个参数：事件名称、处理函数和一个布尔值，用于指定事件传播模式（捕获或冒泡）。这种方法更安全、灵活，支持事件处理程序的多次绑定和解绑，同时避免了全局作用域污染。 对于IE浏览器，虽然不...
JS-------DOM0级事件处理和DOM2级事件处理-------简单记法
weixin_34203426的博客
08-15 337
0级DOM 分为2个：一是在标签内写onclick事件 　　　　 二是在JS写onlicke=function（）{}函数 1） <input id="myButton" type="button" value="Press Me" onclick="alert('thanks');" > 2） document.getElementById("myButto...
JS基础DOM篇之二：ＤＯＭ级别与节点层次
cmdos的专栏
05-12 1045
１.ＤＯＭ级别       在大家阅读DOM标准的时候，可能会看到DOM（０/１/２/３）级的字眼，这就是ＤＯＭ级别。但实际上，DOM0级标准是不存在的；所谓DOM0级只是DOM历史坐标中的一个参照点而已。具体说来，DOM0级指的是Internet Explorer 4.0和Netscape Navigator 4.0最初支持的DHTML。那下面就介绍一下这存在的三个级别。 　　DOM1级（D
javaScript 事件模型
StartLine_05的博客
09-01 362
DOM0 直接绑定 <input onclick="sayHi()"/> btn.onclick = function() {} btn.onclick = null DOM2 DOM2 级事件可以冒泡和捕获 通过 addEventListener 绑定 通过 removeEventListener 解绑 // 绑定 btn.addEventListener('click', sayHi) // 解绑 btn.removeEventListener('click', sayHi) DOM3
dom级别
guangbing8877的博客
11-13 460
在某些公司的代码中，可能会看到以下语句。         document.form[0]         document.images[0]         某些初学者一看可能，觉得哪个地方怪怪的，其实这是dom0级别的规范：最初浏览器中为了方便检索界面上的元素提供了非常方便的api，查询页面上的元素。实验性质的api称为DOM0      随着JavaScript
JS “DOM 分级” 与 “DOM 事件模型”
拯救世界的光太郎
10-11 770
查了很多文章，都没有把这两个概念做一个系统的区分。这两个概念究竟有什么联系，也都没有一篇文章能够解释请求，其实标题为“DOM 分级”的文章网上一扒一大堆，可内容却都讲“DOM 事件模型”，不知道这些人自己有没有搞明白这两个概念。 首先，DOM分级有四级： DOM0级、DOM1级、DOM2级、DOM3级 DOM事件模型有三个： DOM0级提出的DOM0级模型、DOM2级提出的DOM2级模型、IE事件模型 DOM0级提出了原始的事件模型；但DOM1级没有定义事件相关的内容，仅仅是定义了HTML和XML
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值