首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

DOM级别1发生了什么?

DOM级别1,指的是文档对象模型(Document Object Model)级别1,是浏览器对HTML文档进行解析和渲染的过程。DOM级别1主要涉及HTML文档,包括元素节点、文本节点、属性节点等。当浏览器接收到HTML文档后,会按照DOM级别1的规则进行解析和渲染,最终将文档内容显示在浏览器窗口中。

在DOM级别1中,HTML文档被解析成元素节点和文本节点,每个节点都对应着文档中的一个元素或文本。属性节点则描述了元素的属性,例如元素的ID、类名、样式等。在解析过程中,浏览器会按照DOM级别1的规则进行渲染,将节点绘制到屏幕上。

DOM级别1是浏览器解析HTML文档的基本方式,是前端开发的基础。在开发过程中,需要掌握DOM级别1的规则,例如元素的属性、元素的节点类型、节点的属性等,以便正确地解析和渲染HTML文档。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • Real DOM, Virtual DOM, Shadow DOM,之间有什么区别

    Real DOM(真实DOM)Real DOM(真实 DOM)是浏览器中的实际文档对象模型。在网页开发中,HTML 文档的结构和内容以及与之相关的 CSS 样式构成了网页的表示。...Virtual DOM(虚拟DOM)Virtual DOM(虚拟 DOM)是一种用于优化网页性能的概念,主要应用于一些现代的JavaScript库和框架,例如 React。...虚拟 DOM 的工作原理如下:初始化阶段:当网页加载时,虚拟 DOM 会根据真实 DOM 的结构和内容创建一个初始状态的虚拟 DOM 树,这个虚拟 DOM 树是一个轻量级的 JavaScript 对象。...Shadow DOM(影子DOM)Shadow DOM(影子 DOM)是一种浏览器技术,用于在网页上创建具有隔离作用域的 DOM 子树。...Real DOM, Virtual DOM, Shadow DOM,之间的区别特点 Real DOM Virtual DOM Shadow

    27220

    回到基础:什么DOMDOM操作?

    文本主要介绍文档对象模型(DOM),了解什么DOM操作,以及如何使用砶 DOM API 与 JS 中的 Web 页面进行交互。 什么DOM ?...DOM 分层节点 DOM的分层节点一般被称作是DOM树,树中的所有节点都可以通过脚本语言例如JS进行访问,所有HTMlL元素节点都可以被创建、添加或者删除。...目前像咱们用这种方式创建和操作元素,是属于命令式DOM操作。现代前端库通过支持声明性方法来解决这个问题,如 JQuery,咱们可以声明需要什么HTML元素,其它就由库来完成。...这背后有一个合理的原因:原生DOM API提供了大量像JQ这样操作DOM的简便方法,足以替代jQuery一些常用的DOM操作。 如果只是想进行简单的交互和操作,请使用普通的JS。...总结 DOM是浏览器创建并保留在内存中的网页的虚拟副本。创建、修改、删除 HTML 元素,这些属于 “DOM 操作”。

    93310

    究竟什么DOM

    为了构建这个树,浏览器需要两件事: CSSOM,与元素相关的样式的表示 DOM,元素的表示 如何创建DOM(以及它看起来像什么)? DOM是源HTML文档的基于对象的表示。...DOM不是什么? 在上面给出的示例中,看起来DOM是源HTML文档的一对一映射或您看到的DevTools的映射。 但是,正如我所提到的,存在差异。 为了完全理解DOM什么,我们需要看看它不是什么。...DOM不是您的源HTML 尽管DOM是从源HTML文档创建的,但它并不总是完全相同。 有两个实例,DOM可以与源HTML不同。 当HTML无效时 DOM是有效HTML文档的接口。...如果我们查看生成的DOM树,我们将看到这已得到纠正: ? 当Javascript修改DOM时 除了作为查看HTML文档内容的界面之外,还可以修改DOM,使其成为活动的资源。...尽管伪元素不是DOM的一部分,但它们仍在我们的devtools元素检查器中。 ? 这就是为什么伪元素不能被Javascript作为目标的原因,因为它们不是DOM的一部分。

    1K30

    什么是虚拟DOM

    来构造,而且能将构造的步骤封装起来,做到「数据-dom结构」的映射。...缓存初始数据,新数据进来时,与旧数据对比,找到差异,根据差异本身的性质进行dom操作;无差异,则不作为。...dom本身在js中就是一种数据结构,console.dir(document.body),在控制台可以看到body的数据结构。然而,dom相关的数据丰富而且复杂,我们其实只关心少数元素的少数属性。...建立一个javascript plain object,非常轻量,用它保存我们真正关心的与dom相关的少数数据;对它进行操作,然后对比操作前后的差异,再根据映射关系去操作真正的dom,无疑能提高性能。...这就是虚拟DOM。 参考 https://www.zhihu.com/question/29504639/answer/44662943

    67120

    什么是网络层?网络层发生了什么

    什么是网络?网络是两个或多个相连的计算设备的集合。通常,网络中的所有设备都连接到中央集线器 — 例如路由器。网络还可以包括子网,即网络的较小细分。...网络层发生了什么?与网络连接有关的所有事情都发生在网络层。这包括设置数据包要采用的路由、检查另一个网络中的服务器是否正常运行,以及寻址和接收来自其他网络的 IP 数据包。...什么是数据包?所有通过互联网发送的数据都会被分解成更小的块,称为“数据包”。例如,当鲍勃向爱丽丝发送消息时,他的消息会被分解成更小的块,然后在爱丽丝的计算机上重新组装。...什么是 OSI 模型?开放系统互连 (OSI) 模型描述了互联网的工作原理。它将通过互联网发送数据所涉及的功能分为七层。每一层都具有一些功能,可以将要通过电线、电缆和无线电波发送的数据准备为一系列位。...“网络”层和“互联网”层有什么区别?在 TCP/IP 模型中,没有“网络”层。OSI 模型网络层大致对应于 TCP/IP 模型 Internet 层。

    13010

    DOM 又是个什么鬼?

    1.1 DOM 简介 1.1.1 概述   DOM(Document Object Model 即:文档对象模型),是一项 W3C 标准,是针对 HTML 和 XML 的一个 API(应用程序接口)。...DOM 将文档解析为一个由节点和对象(包含属性和方法的对象)组成的结构集合。简言之,它会将 web 页面和脚本或程序语言连接起来。 ?...1.1.2 DOM 核心对象 对象 描述 Document 文档对象 Element 元素对象 Attribute 属性对象 Text 文本对象 Comment 注释对象 Node 节点对象,上述五个对象又统称为节点对象...1.3 Element   在 HTML DOM 中,Element 对象表示 HTML 元素。Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。...1.4 Attribute   在 HTML DOM 中,Attribute 对象表示 HTML 属性。HTML 属性始终属于 HTML 元素。

    1.2K30

    setContentView的时候,到底发生了什么

    陌生的原因是因为我们从来都只用这个方法,但是很少会去了解这个方法具体干了什么的,会出现这种状况的原因其实很简单,google把这个方法封装的太好用了,我们只需要调用这个方法,那么布局就会跟这个activity...public Window getWindow() { return mWindow; } 原来是Window,这一听就感觉是个大IP,想想都觉得是顶层的抽象,所以这个mWindow到底是什么...看看mDecor.onResourcesLoaded(mLayoutInflater, layoutResource);,看看这个布局做了什么处理。...有读者就说了,为什么啊,看了这么久好不容易看到这里来,你一句就给我打发了?继续跟源码啊!...那么这个onContentChanged方法做了什么,跟踪到最后其实这个方法里面什么也没做: public void onContentChanged(); 好了,我们来总结下AppCompatActivity

    31230

    申请内存时底层发生了什么

    一般情况下系统只使用0和3,因此确切的说是“两界”,这两界可不是说天、地,这两界指的是“用户态(3)”以及“内核态(0)”,接下来我们看看什么是内核态、什么是用户态。 内核态 什么是内核态?...你可能有些疑惑,什么,还有系统调用这种东西,为什么我没调用过也可以打开文件、进行网络通信?...这就是为什么在C语言下同样的open函数既能在Linux下打开文件也能在Windows下打开文件的原因。 说了这么多,这和malloc又有什么关系呢?...让我们再来看一下程序在内存中是什么样的: ? 我们已经知道了,malloc管理的是堆区,注意,在堆区和栈区之间有一片空白区域,这片空白区域的目的是什么呢?...那么这张空头支票什么时候才能兑现呢?也就是什么时候操作系统才会真正的分配物理内存呢?

    69210

    打开抖音后面究竟发生了什么

    这个年代每个人都会过多过少使用抖音,此产品基本上覆盖全中国的人民 但是今天我以一个技术人的身份讲讲打开抖音APP一瞬间,技术层面到底发生了一些什么,为什么刷抖音视频推荐不会卡顿,为什么刷广告一点都不卡的...,为什么点击用户视频进去的时候访问里面视频有时候会慢 明明刚刚一点都不卡的,其实都是有技术套路在里面。...本文做为一线搬砖师,就好好测评分析,打开的那瞬间,它做了什么?...apple store下载 点击下载的瞬间 你以为你只是下载,程序N次请求帮你下载,帮你从apple store或者说从准确说的 从apple CDN域名成功下载下来app 打开APP,到底加载什么...默默已经把投放给大家的广告的图片和部分视频默默的已经加载完了 默默等着你的召唤了,所以每次你看视频卡的时候,为什么广告的不卡的原因也就暴露出来了。

    97030

    到底发生了什么?

    但是现在 CentOS 要跟我们永远说再见了,因为它的主人要推 CentOS Stream,这究竟是为什么呢? 2 CentOS 发展历史 为了让大家了解 CentOS Stream 是什么鬼?...以及红帽公司为什么要关闭 CentOS。 我的和大家先聊聊 CentOS 的发展历史,以及红帽公司对 CentOS 发展的影响,这样才能明白为什么 CentOS 走到了今天。...3 CentOS Stream 是什么鬼? CentOS 被收购之后,就决定了今天的命运。...红帽公司收购 CentOS 之后,旗下就产生了三个主要的 Linux 发行版产品线:Fedora、RHEL、还有 CentOS 。 ?...这个时候就感觉没有 CentOS 什么事情了,果然到了2020年末,官宣未来不再维护 CentOS 了。 4 CentOS Stream 还适合生产环境吗?

    2.7K30
    领券