DOM-DOM树，一个DOM树有三种类型的节点

于 2022-08-10 13:13:24 发布
阅读量265 收藏
点赞数
分类专栏： javascript 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47295886/article/details/126264454
版权

DOM树

可以将html代码转换成DOM树

 上述的HTML格式等于 的DOM树格式为---------是一个分散的树状的结构

 DOM树既然是树就会有节点-——一个DOM树有三种类型的节点

元素节点：html标签---可以有子节点或属性

文本节点：块元素中的文本---始终作为元素节点的子节点出现，不可以有子节点或属性

属性节点：属性/值---不可以有子节点或属性，绘制DOM树时候通常不显示

¡Venceremo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript获取dom的下一个节点方法
10-25
在旧版的Internet Explorer浏览器中，`nextSibling`和`previousSibling`属性也被用来获取下一个和上一个节点，但它们会获取所有类型的节点，包括文本节点和注释节点。这可能导致获取到不期望的节点。为此，当需要...
DOM之12种节点
weixin_47075145的博客
07-21 3298
DOM是javascript操作网页的接口，全称为文档对象模型(DocumentObjectModel)。，从而可以使用javascript对网页进行各种操作(比如增删内容)。。DOM的最小组成单位叫做节点(node)，文档的树形结构(DOM树)由12种类型的节点组成。本文将主要说明DOM节点类型。...
DOM基础：DOM结构、常见的节点类型、获取元素
maxLiuneng的博客
07-19 1796
DOM小菜宝典 什么是DOM？ DOM，全称是“Document Object Model（文档对象模型） ，它是由W3C定义的一个标准 DOM结构 DOM采用的是树形结构，一个个树枝的形式来表示页面中的每个元素 如上图 DOM的树形结构也叫“DOM树” 在这棵树上，HTML元素是树根，也叫根元素 这棵树上的head和body位于同一层次上，有着共同的父节点（html），所以head和body是兄弟节点 head有子节点，body也有子节点，如上以此类推，如果还有下一层，我们还可以继续找下去 常见的
DOM节点类型及相关的内容
qq_37953045的博客
06-02 1383
DOM的全称是（document object model）一共有12种节点类型，最常用的有：元素节点（nodeType：1），属性节点（nodeType：2），文本节点（nodeType：3），注释节点（nodeType：8） nodeName：获取节点名称 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style&
【HTML DOM】认识DOM的三大节点：元素节点，文本节点，属性节点以及nodeName,nodeType,nodeValue的区别
xiaozhen0610的博客
06-26 1347
既然我们把网页文档看做树形结构，那么就有对应的节点。诚然DOM中有三大节点，分别是 元素节点，文本节点，属性节点 元素节点：构成了DOM的基础。文档结构中，<html>是根元素，代表整个文档，其他的还有<head>,<body>,<p>,<span>等等。元素节点之间可以相互包含(当然遵循一定的规则) 文本节点：包含在元素节点中。 属性节点：元素都可以包含一些属性，属性的作用是对元素做出更具体的描述，比如id,name之类的。 在比较上述节点的区别
初学JavaScript：HTML DOM
lalala_dxf的博客
04-16 1308
DOM 简介 DOM是JS操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个JS对象，从而可以用脚本进行各种操作（比如增删内容）（可以理解为对一个网页节点进行增删操作，一个节点可以是一对html标签，也可以是一对span标签）。 拆分理解下： • 文档 – 文档表示的就是整个的HTML网页文档，也就做结构树 • 对象 – 对象表示将网页中的每一个部分都转换为了一个对象。 • 模型 – 使用模型来表示对象之间的关系，这样方便我们获取对象 文档对象
is-dom-detached:确定DOM树中是否不存在节点
04-19
是独立的 确定DOM树中是否不存在 。安装 >= 10 。 要安装，请在命令行中输入以下命令： npm install is-dom-detached输入ES模块： import isDetachedNode from 'is-dom-detached' ; CommonJS模块： const ...
浅谈Javascript中的12种DOM节点类型
10-21
在DOM中，有12种不同类型的节点，每一种类型代表了文档中的不同组成部分。节点类型的常数值从1到12，分别对应不同类型的节点。 1. 元素节点（Node.ELEMENT_NODE）：元素节点对应于网页中的HTML标签，例如body、div...
dom-align:灵活地对齐DOM节点
04-29
截屏安装特征支持IE9 + Chrome Firefox浏览器支持对齐点和偏移支持根据可见区域自动调整在线演示用法import domAlign from 'dom-align' ;// use domAlign// sourceNode's initial style should be position:absolute...
dom节点树、dom节点关系
雷雨天的雷胖子
04-18 1704
目录 一、dom节点树 遍历文档节点树 遍历元素节点树 二、dom节点关系 节点属性 父级属性 子级属性 同级属性 节点方法 一、dom节点树 根据w3c的dom标准，文档中的所有内容都是节点，节点是dom的最小组成单元。浏览器会根据dom模型将文档解析成一系列节点，这些节点组成一个树状结构，称为dom节点树。dom节点树体现了文档的层次结构。dom节点树有两种类型，其一do...
html文档中的节点分为什么类型,【DOM】DOM是什么（DOM的节点类型）
weixin_39890289的博客
06-03 615
写在前面：学到DOM时，看到关于文档(结构树)、节点(node)、和DOM提供的一些方法获取(找到)所需的节点、还有DOM属性，我很混乱，我无法弄清节点的关系层级属性和方法的关系，所以在使用DOM之前我要先了解DOM，当我们用javascript对HTML DOM进行操作的时候我们要明确HTML DOM中节点类型和层级才能准确定找到你想要增删改查的位置。找了些资料和书，看了些视频，写这篇文章总结一...
html dom节点树,【EASYDOM系列教程】之 DOM 元素树
weixin_39575737的博客
06-19 161
DOM 元素树结构与 DOM 节点树结构很相似，区别仅在于是利用节点解析 HTML 元素，还是利用元素解析 HTML 元素。DOM 树结构还记得下面这张图吗?上图中的 HTML 页面源代码如下:示例页面这是一个示例页面这是一个段落内容.DOM 之所以可以访问和更新 HTML 页面中的内容、结构和样式，是因为 DOM 将 HTML 页面解析为一个 树结构。DOM 元素树上述 HTML 页面示例代码，...
html dom节点树,理解HTML DOM :节点,节点树,访问节点
weixin_36276359的博客
06-24 873
1.HTML DOM 定义了访问和操作HTML文档的标准方法。2.HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构(节点树)。注意：DOM 是这样规定的：(1)整个文档是一个文档节点(2)每个 HTML 标签是一个元素节点(3)包含在 HTML 元素中的文本是文本节点(4)每一个 HTML 属性是一个属性节点*注释属于注释节点*Node 层次*节点彼此都有等级关系。总结：HT...
DOM节点类型
weixin_43939111的博客
01-26 408
常见的节点分五种： 1：元素，Element；bai 2：属性du，Attribute； 3：文本，Text； 8：注zhi释，Comment； 9：文档，Document。 文档就是 DOM 树的根节点（其实就是 ），所有节点都包含在文档里。 元素就是一个个标签，如 属性是元素里的， 的id,name。 文本是元素或属性中的文本内容，我也是文本 。 ...
DOM基本操作（节点树的查询 、节点属性和分类）
巧克力很苦的小博客
09-06 1579
JS的组成 JS语法 --> ECMAScript DOM --> Document Object Model(文档对象模型) 可以操作html+css BOM --> Browser Object Model(浏览器对象模型) 什么是DOM DOM是文档对象模型 ===> Document Object Model DOM是由浏览器厂商定义，用来操作html...
DOM里常见的三种节点类型
热门推荐
webZRH的博客
04-20 1万+
1.nodeName比tagName 从DOM层次来看，nodeName是node 接口上的property，而tagName是element 接口上的property，所有的节点（元素节点，属性节点，文本节点等12种）都继承了node接口，而只有元素节点才继承了element节点，因此nodeName比tagName具有更大的使用范围。 一般地，节点至少拥有nodeType、nodeNa
dom节点的概念、基本属性和基本类型
雷雨天的雷胖子
03-31 5876
目录 一、dom节点的概念 二、dom节点的基本属性 三、dom节点的基本类型 元素节点 属性节点 文本节点 注释节点 文档节点 文档类型节点 文档片段节点 一、dom节点的概念 dom是w3c标准，全称Document Object Model，翻译为文档对象模型，是一套操作html和xml的标准API（应用程序编程接口）。dom将文档内容呈现在Javascript面前，...
dom树的节点类型
猹君的博客
02-27 2512
element对象,node对象两者统称为DOM对象 DOM树中有4中节点类型 元素节点 属性节点 文本节点 注释节点 节点的属性 nodeType nodeName nodeValue 元素节点 nodeType 1 nodeName 大写标签名 nodeValue null 属性节点 nodeType 2 nodeName 属性名 nodeValue 属性值 文本...
在JS中什么是DOM，DOM的节点有哪些
soap_guan的博客
07-04 5814
 DOM DOM是Javascript操作网页的接口，全称叫文档对象模型（Document Object Model）。它的作用是将网页转化为一个Javascript对象，从而用Javascript脚本进行各种操作（比如增删元素等）。 浏览器会根据DOM模型，将结构化文档（比如Html或者xml等）解析成一系列的节点，再由这些节点解析成树状结构（Dom Tree），所有的节点和最终的
JS DOM基础：操作与节点树详解
DOM节点分为元素节点、文本节点、属性节点和注释节点。元素节点表示HTML标签，文本节点存储纯文本内容，属性节点描述元素的属性，而注释节点用于文档内部注释。 6. **DOM属性节点** 节点属性可以通过`....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值