DOM树的基础理解

最新推荐文章于 2023-02-28 16:45:22 发布
最新推荐文章于 2023-02-28 16:45:22 发布
阅读量250 收藏
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xibozi/article/details/108164470
版权

DOM
DOM是什么？DOM是一个使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口，目的其实就是为了能让js操作html元素而制定的一个规范
DOM的数据结构 参考的一张图片：

在这里插入图片描述
在HTML当中，一切都是节点
元素节点：HMTL标签。
文本节点：标签中的文字（比如标签之间的空格、换行）
属性节点：：标签的属性。
DOM可以做什么
找对象（元素节点）
设置元素的属性值
设置元素的样式
动态创建和删除元素
事件的触发响应：事件源、事件、事件的驱动程序
在这里插入图片描述
数组中的值只有1个 即便如此 这一个值也是包在数组里的这个值的获取方式
在这里插入图片描述

DOM的节点并不是孤立的，因此可以通过DOM节点之间的相对关系对它们进行访问，
在这里插入图片描述
DOM是一个非常重要的知识点 在后面会介绍到增删改查

xibozi
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
理解DOM树
guoping16的专栏
07-07 2608
理解DOM树能更好的理解libxml函数操作原理。只要理解的，才是深刻的，能做到知其然而知其所以然，使用函数时心里有底而且不易出错。为了大家更好理解DOM树在内存中的构造，我特地写了一个典型XML文件(dom.xml)，并且画出其DOM树内存构造图。其后提供了一个不用XML库，查
DOM树的理解[图]
09-14
DOM树的理解[图],很好理解,呵呵,分享了!
对 Dom 树的理解
最新发布
zz130428的博客
02-28 615
从网络传给渲染引擎的 HTML 文件字节流是无法直接被渲染引擎理解的，所以要将其转化为渲染引擎能够理解的内部结构，这个结构就是 DOM。DOM 提供了对 HTML 文档结构化的表述。从页面的视角来看，DOM 是生成页面的基础数据结构。从 JavaScript 脚本视角来看，DOM 提供给 JavaScript 脚本操作的接口，通过这套接口，JavaScript 可以对 DOM 结构进行访问，从而改变文档的结构、样式和内容。
DOM树的理解【面试常问】
qq_42961150的博客
09-06 1905
前言 vue和react框架被广泛应用，封装了DOM操作 但是DOM操作一直都是前端工程师的基础、必备知识 只会vue而不懂DOM操作的程序员，不会长久 DOM 全称为文档对象模型（Document Object Model）。有这几个概念： 文档、元素、节点 整个文档是一个文档节点 每个标签是一个元素节点 包含在元素中的文本是文本节点 元素上的属性是属性节点 文档中的注释是注释节点 DOM树 DOM树是一种结构，树是由DOM元素和属性节点组成的，DOM的本质是把html结构化成js可识别的树模型，
关于DOM树的几点理解
qq_42731393的博客
03-01 268
1.DOM树揭示了DOM对象之间的层次关系，这样就方便动态地对html文档进行增删改查。 2.增删改查必须要遵循层次关系 3.文本对象是最底层的节点 4.获取 对象的值 .value ...
html.rar_dom基础学习
09-21
DOM，全称 Document Object Model，即文档对象模型，是W3C组织定义的一个标准，它为HTML和XML文档提供了...对于前端开发者来说，DOM基础是不可或缺的技能之一，深入理解并熟练运用DOM将极大地提升开发效率和代码质量。
JavaScript DOM基础
01-19
 DOM描绘了一个层次化的节点树,运行开发人员可以添加/移除和修改页面的某一部分; 一 DOM介绍  D(文档):可以理解为整个Web加载的网页文档;  O(对象):可以理解为类似window对象之类的东西,可以调用属性和方法,这里...
DOM基础及DOM操作HTML
08-04
6. **遍历DOM树**：`childNodes`属性返回元素的所有子节点，而`firstChild`和`lastChild`分别指向第一个和最后一个子节点。`nextSibling`和`previousSibling`用于遍历同一级别的相邻元素。 **王兴魁老师的AJAX视频*...
DOM基础知识（五）
01-08
总的来说，理解JavaScript中的Date对象和定时器是开发Web应用时不可或缺的基础知识，它们在各种场景中都有广泛的应用，如计时器、倒计时、心跳检测等。通过深入学习和实践，我们可以更好地利用这些工具来创建高效、...
DOM编程基础.docx
04-24
在DOM树中，根节点是整个文档，而其他节点则根据它们在文档中的位置相互关联。例如，一个HTML元素可以有子元素、属性节点以及文本节点。 在DOM编程中，有几个重要的操作： 1. **元素选择**：通过ID、类名、标签名...
DOM树的理解
专精一道 则万法通
07-10 1565
1、dom树： 根节点 根节点的标签名 根节点的属性 根节点属性的属性值 根节点的文本值 根节点的子节点 子节点的标签名 子节点的属性 子节点属性的属性值 子节点的文本值 2、理解上述概念之后，dom树的增删改查 Python 版本的连接： https://blog.csdn.net/ifubing/article/details/79373263 ...
DOM树
a984145377的博客
04-06 220
！！！元素的特性不当作DOM的节点！！！
图解DOM树（最简单的方式理解DOM树）
是木子啦~
08-05 1731
理解 dom 树
welcomeinformation的博客
06-23 82
test title 是 head子字节点 123> ========dom树=======元素节点 文本节点 注释节点============= （document)根节点 html(根元素节点） -----head --------...
复习———DOM树
lass_huahua的博客
08-15 377
今天复习的DOM树的主要内容如下： 1.什么是DOM？ 2.DOM树 3.查找元素 一、什么是DOM呢？ DOM是document object model（文档对象模型）的简称，它是专门用来操作网页内容的一套函数和对象，也是由W3C制定的一个标准。 二、什么是DOM树 DOM树，集中保存一个网页中所有内容的树形结构，有明显的父子，兄弟关系。 怎样形成？ 当浏览器读取...
JavaScript之DOM树
憧憬是碎了满地凉凉的宝石
07-03 1733
一、什么是DOM树？ DOM （Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。 DOM树是结构，所谓层级结构是指元素和元素之间的关系：父子，兄弟。 文档：DOM中的"D" 如果没有document（文档），DOM也就无从谈起。当创建了一个网页并把它加载到Web浏览器中时，DOM就在幕后悄然而生了。它把你编写的网页文档转换成为一个文档对象。 对象：DOM中的"O" 对象（object）是一种非常重要的数据类型。对象是自包含的数据集合，包含在对
什么是DOM?你了解DOM树吗？
热门推荐
wei1273356078的博客
06-04 3万+
在找工作的过程中，看到了招聘信息上有写这么一条信息： 掌握WEB前端开发技术：JavaScript(含ES6)、HTML、CSS、DOM等 看见这条信息我心里安心了不少，都是一些基础问题，但是乍一看DOM，脑子有点短路了，上网查了下脑子清醒了。 什么DOM DOM（Document Object Model）即文档对象模型，是W3C制定的标准接口规范，是一种处理HTML和XML文件的标准API。DOM提供了对整个文档的访问模型，将文档作为一个树形结构，树的每个结点表示了一个HTML标签或标签内的文本项。
【学习笔记】HTML DOM树解读
chualam的博客
08-23 143
DOM全称：文档对象模型 HTML DOM定义了访问HTML的标准，DOM将HTML文档表达为树结构，很多攻击是针对DOM展开的 游览器渲染机制 解析顺序：HTML>CSS>JS 解码顺序：HTML>URL>JS DOM型XSS：通过JS修改HTML导致XSS产生。 ...
什么是DOM树
jidanguanbing1的博客
03-08 4086
Dom document object model 文档对象模型 它可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构 在介绍 DOM 树之前，首先要清楚，DOM 规范中，对于文档的表示方法并没有任何限制，因此，DOM 树只是多种文档结构中的一种较为普遍的实现方式。 DOM结构构成的基本要素主要为节点，而文档的结构就是由层次化的节点组成。 DOM模型中节点的概念很广泛，比如整个文档就是一个节点，称为文档节点。 除此之外，还有元素节点，属性节点，注释节点等。 了解了 DOM 的结
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值