DOM树：是由DOM元素和属性节点组成的 层级结构

最新推荐文章于 2022-10-20 15:37:51 发布
最新推荐文章于 2022-10-20 15:37:51 发布
阅读量557 收藏 1
点赞数 1
分类专栏： 概念、名词
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31119443/article/details/107715134
版权

DOM树是结构

有这几个概念：文档、元素、节点
整个文档是一个文档节点
每个标签是一个元素节点
包含在元素中的文本是文本节点
每一个属性是一个属性节点
注释属于注释节点

DOM树是由DOM元素和属性节点组成的层级结构

所谓层级结构是指元素和元素之间的关系：父子，兄弟

当我们说树中包含DOM节点时，意思就是这个树是由实现了DOM接口的元素组成。这些实现包含了其它一些浏览器内部所需的属性。脱离文档流后层级结构关系还是没有变的

没有故事、有酒
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jacascript DOM节点——元素节点、属性节点、文本节点
08-30
主要介绍了jacascript DOM节点——元素节点、属性节点、文本节点,需要的朋友可以参考下
DOM基础知识（概念、节点树、事件、Document）
weixin_34130389的博客
01-19 245
1、 DOM概念 全称为 Document Object Model，译为文档对象模型 D：文档 - DOM将HTML页面解析为一个文档 —> document对象 O：对象 - DOM将HTML页面中内容解析为对应的对象 M：模型 - DOM中对象之间的关系(节点树结构) DOM的级别：0 级别：不是W3C的规范； 1、2、3级是W3C规范...
DOM中元素节点、属性节点、文本节点
weixin_30699831的博客
03-02 87
DOM中有12中节点，但最常用到的是元素节点，属性节点，文本节点。 元素节点的节点类型（nodeType）是1； 属性节点的节点类型（nodeType）是2； 文本节点的节点类型（nodeType）是3。 元素节点的 nodeName 是标签名称属性节点的 nodeName 是属性名称文本节点的 nodeName 永远是 #text 对于文本节点，nodeValue 属性包含文本。 对...
理解dom树结构
tbnytbf的专栏
10-18 534
<br />http://hi.baidu.com/83951150/blog/item/25972a19db16b94342a9adff.html<br /> <br /> http://hi.baidu.com/83951150/blog/item/25972a19db16b94342a9adff.html<br /> 
jsDOM元素创建构成
lsh159745的博客
04-15 103
DOM元素创建： 1，var oE = document.createElement(); 在元素对象中创建一个元素节点，要与appendChild() 或 insertBefore()方法联合使用。 其中，appendChild() 方法在节点的子节点列表末添加新的子节点。 insertBefore() 方法在节点的子节点列表任意位置插入新的节点。 2，var att = document.cr...
最简单的DOM树结构模型
yuhan20081021的专栏
06-01 1905
DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范,DOM是一种与浏览器，平台，语言无关的接口，使得你可以访问页面其他的标准组件。DOM可以看作是以层次结构组织的节点或者信息的组合。该层次结构允许开发人员在树种导航寻找特定信息，所以通常被认为是基于树的。         D：文档 – html 文档 或 xml 文档         O：对象 – do
DOM下的节点属性和操作小结
12-11
属性： 1 .nodeName 节点名称，相当于tagName.属性节点返回属性名，文本节点返回#text。nodeName，是只读的。...文本和属性节点的childNodes永远是null。可以用hasChildNodes()来判断是否有子节点。只读属性，要
前端教程：57 dom byid元素节点属性
08-30
千锋Web前端教程_57_dom_byid元素节点属性
jsx-dom:使用JSX创建DOM元素
04-30
使用JSX创建DOM元素。 支持ES模块和TypeScript。 安装 npm install --save jsx-dom yarn install jsx-dom 用法 注意： jsx-dom仅是ESM。 如果您绝对需要CommonJS支持，请改用jsx-dom-cjs 。 注意：如果您使用的是 ...
01-节点层次
阳神
02-18 487
01-节点层次 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="box"> <span&gt...
节点层次（DOM学习的第一天）
weixin_42306620的博客
12-21 759
       DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构。节点分为几种不同的类型，每种类型分别表示文档中不同的信息及（或）标记。每个节点都拥有各自的特点，数据和方法，另外也与其他节点存在某种关系。节点之间的关系构成了层次，而所有页面标记则表现为一个以特定节点为根节点的树形结构。以下面的HTML为例： &lt;html&gt; &lt;head&gt; ...
DOM中元素节点、属性节点、文本节点的理解
xyjikl
12-09 411
节点信息 每个节点都拥有包含着关于节点某些信息的属性。这些属性是： nodeName（节点名称）  nodeValue（节点值）  nodeType（节点类型）  nodeType nodeType 属性可返回节点的类型。 最重要的节点类型是：   元素类型 节点类型 元素(ELEMENT_NODE) 1   
DOM学习之节点与节点属性节点方法
qq_50748038的博客
08-23 544
dom基础认识节点层级与节点数，常用的节点属性和常用操作结点的方法
2-DOM-nodes节点属性
Bug_money的博客
11-13 570
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
dom对象中常见节点的属性
wuqiongqiong_的博客
06-03 2587
onload = function(){         // 常见的节点属性         // 1.nodeValue表示节点的值 所有的节点都有该属性 一般文本节点才会使用          // var a=document.body.lastChild.nodeValue;         // console.log("+"+a+"+");
JavaScript学习笔记（五）之DOM树
你的目光温柔如水的博客
07-11 641
十一、DOM或以树型展示的Web页面定义DOM的基础设施，包括模式（schema）和应用编程接口（API）。DOM的核心是语言无关的API，可以用任何语言实现，DOM的核心就是提供修改、删除或创建Web页面内容所需的各种功能。主要的两个API即HTML和Core。它们都能实现相同的功能，但HTML具有很好的自描述性，有专门的对象名称，如果想创建自己的可复用对象库，最好使用更通用的Core。（一）H...
DOM树节点关系
weixin_30478757的博客
08-17 187
DOM是JS中专门操作HTML页面内容的 他的三种基本使用方法是： 1.document.getElementById('')； ——>选取html页面中带有Id的属性名； 2.document.getElementsByClassName('')；——>选取html页面中属性名为class的内容； 3.document.getElementsByTagNam...
DOM文档层级结构
白云出岫本无心的专栏
01-15 555
http://www.w3.org/TR/REC-html140/strict.dtd">                    DOM文档层级结构                Test！                            Welcome to             DOM             World！                            Newe
单精度浮点数和双精度浮点数有什么区别
热门推荐
qq_31119443的博客
10-20 1万+
单精度浮点数和双精度浮点数有什么区别
vue和react的区别，从diff算法和虚拟dom层面来解答
最新发布
05-05
Vue的虚拟DOM是轻量级的，只包含必要的信息，比如标签名、属性和子节点等。Vue中的虚拟DOM是通过render()函数生成的，它是一个JavaScript对象。当数据发生变化时，Vue会重新生成一个新的虚拟DOM树，并使用Diff算法...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值