前端里面的“根”节点

最新推荐文章于 2025-03-27 14:39:27 发布

栈狮

最新推荐文章于 2025-03-27 14:39:27 发布

阅读量882

点赞数

分类专栏：网页笔记文章标签： dom html

本文链接：https://blog.youkuaiyun.com/yy6818/article/details/117630972

版权

笔记同时被 2 个专栏收录

47 篇文章

订阅专栏

网页

22 篇文章

订阅专栏

1.网页Dom 里面的根节点

首先来看一个dom 树

特性：

节点父、子和同胞

节点树中的节点彼此拥有层级关系。

父（parent）、子（child）和同胞（sibling）等术语用于描述这些关系。父节点拥有子节点。同级的子节点被称为同胞（兄弟或姐妹）。

在节点树中，顶端节点被称为根（root）
每个节点都有父节点、除了根（它没有父节点）
一个节点可拥有任意数量的子节点
同胞是拥有相同父节点的节点

再看这个代码

<html>
   <head>
     <title>DOM Tutorial</title>
   </head>
   <body>
     <h1>DOM Lesson one</h1>
     <p>Hello world!</p>
   </body>
 </html>

从上面的 HTML片段可以看出：

<html> 节点没有父节点；它是根节点
<head> 和 <body> 的父节点是 <html> 节点
文本节点 "Hello world!" 的父节点是 <p> 节点

并且：

<html> 节点拥有两个子节点：<head> 和 <body>
<head> 节点拥有一个子节点：<title> 节点
<title> 节点也拥有一个子节点：文本节点 "DOM 教程"
<h1> 和 <p> 节点是同胞节点，同时也是 <body> 的子节点

并且：

<head> 元素是 <html> 元素的首个子节点
<body> 元素是 <html> 元素的最后一个子节点
<h1> 元素是 <body> 元素的首个子节点
<p> 元素是 <body> 元素的最后一个子节点

那么什么是根节点

在html里面 html是元素的根节点

在HTML DOM 里面 document就是根节点了 所有的内容都是在document上呈现出来的

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

栈狮

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

图的根节点-数据结构作业。。

MetalSeed

06-07

3512

手写邻接表 BFS #include #include using namespace std; const int maxn = 100000; const int maxm = 300000; struct Graph { int NE , NV; int head[maxn]; struct Node{ int next , v; Node(){} Node

根节点

WangGaozhuo的专栏

07-11

1480

无论布局的根节点是什么，系统都会在上一层生成一个，根节点使用是多余的，可以用代替。

参与评论您还未登录，请先登录后发表或查看评论

数据结构——树和二叉树

最新发布

2402_83534870的博客

03-27

409

（3）叶节点/终端节点：度为0的节点(没有子树的节点），如上图：B C H I P…（10）节点的祖先：从根节点到该节点途径的所有节点都是该结点的祖先，如上图：A是所有节点的祖先。:对于一个有n个节点K层的完全二叉树，其每一个结点都与深度为K的满二叉树中编号从1至n的结点。（6）兄弟节点：有相同父节点的节点称为兄弟节点，如上图：B和C是兄弟节点。（9）树的高度/深度：树中结点的最大层次，如上图：树的高度是4。（4）父节点：如上图：A是B的父节点。（5）子节点：如上图：C是A的子节点。

获取根节点

人在江湖飘啊

10-28

625

第一种 XMLElement root=xmlDocument.DocumentElement;第二种 XMLElement root=xmlDocument.selectSingleNode(name);如果没有根目录XMLElement root =xmlDocument.createElement("root");

什么是根结点？

牛牛码特的博客

06-27

4683

根结点（root）是树的一个组成部分，也叫树根。所有非空的二叉树中，都有且仅有一个根结点简介。它是同一棵树中除本身外所有结点的祖先，没有父结点。

html 节点作用,html根节点是什么

weixin_35523579的博客

07-03

1732

html根节点是“”节点。“”标签告知浏览器这是一个HTML文档，它是HTML文档中最外层的元素，即根元素。html标签是除了“”标签的所有其他HTML元素的容器。本教程操作环境：windows7系统、HTML5版、Dell G3电脑。html根节点是“”节点。HTML DOM 节点树HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树：默认HTML 片段DOM节点DOM节点Hel...

判断根节点

kiloboat的博客

07-19

1505

/******************* 测试 ********************************************/ // 判断是否单击了节点 if (path != null) { System.out.println(path); // 取得被单击的节点 CheckNode node = (CheckNode) path.getLastPathC...

根结点简介

牛牛码特的博客

06-27

1912

在通信领域，在我们学习什么是根节点、叶节点之前，我们首先要了解一下以太网树形业务（E-TREE业务）。这种以太网业务是PTN以太网业务中的一种。E-TREE E-TREE为点到多点业务，如下图1所示，业务的连通性在两个或多个点之间。这种类型的以太网业务主要应用在视频点播、银行系统等方面。其中，客户的接入点称为UNI。E-TREE业务将UNI的属性分为根节点和叶节点，这就有如一颗大树，根可以同每一片叶联通，每一片叶也可以同根联通，但是叶与叶之间无法联通。对于E-TREE业务来说，根节点可以与其它根节点和叶节

增加根节点

nextop88的专栏

12-22

545

procedure loadUser(Sender: TObject; qry1, qry2: TADOQuery; tree: TspSkinTreeView; var treeNode1, treeNode2, treeNode3: TTreeNode); //tree: TspSkinTreeView为皮肤控件类型 procedure TfrmUserMgr.loadUser(

html dom中的根节点是,HTML DOM 06 节点关系

weixin_39768444的博客

06-18

329

示例1:节点关系图假设html代码如实例中，那么各个元素节点的关系如下:d1 d2 d3 的parentNode是parentDivparentDiv的firstNode是 d1parentDiv的lastNode是d3d2的previousSibling是d1d2的nextSibling是d3parentDiv的children是 d1 d2 d3第一个div第二个div第三个div示例2...

html dom中的根节点是,HTML DOM 知识点整理（一）—— Document对象

weixin_26886855的博客

06-18

1727

一、DOM对象DOM对象中比需抖接朋功要朋插整体包括：HTML 朋不功事做时次功好来多这开制的请一例农在DOM Document对是能览调不页新代些事几求事都时学下是事象HTML DOM 元素对新直能分支调二浏页器朋代说象HTML DOM 属性对新直能分支调二浏页器朋代说象HTML DOM 事件对新直能分支调二浏页器朋代说象HTML 朋不功事做时次功好来多这开制的请一例农在DOM Console ...

根节点，度，分支节点，叶子结点？

qq_44785028的博客

02-28

7091

根节点：没有父节点的节点。度：节点下孩子节点的个数。分支节点：度为一的节点。叶子结点：没有子节点的节点，树的终端。

根节点、子节点、叶子节点是什么？

热门推荐

SeniorShen的博客

11-25

8万+

前言：这个属于数据结构：树。下面给个例子图解释（根节点、子节点、叶子节点）。上图数字 1、3、7是叶子节点；（因为他们下面没有分叉出子节点，所以称为：叶子节点）【度为0】数字2、8是子节点；（除了根节点、叶子节点之外的，都称为：子节点）【度为1】数字5是根节点；（因为他是最顶部，所以称为：根节点）【度为2】一、根节点（root node）? 根节点：树的最顶端的节点。（根节点只有一个）二、子节点（child node）? 子节点：除根节点之外，并且本身下面还连接有节点的节点。三、.

html所有页面根的对象,HTML DOM全解和案例

weixin_33487490的博客

06-04

411

一、HTML DOM 节点在 HTML DOM 中，所有事物都是节点。DOM 是被视为节点树的 HTML。DOM 节点根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：整个文档是一个文档节点每个 HTML 元素是元素节点HTML 元素内的文本是文本节点每个 HTML 属性是属性节点注释是注释节点二、HTML DOM 节点树HTML DOM 将 HTML 文档视作树结构。...

html dom中的根节点是,document DOM树根节点

weixin_39976499的博客

06-25

2022

window.onload和document.onload的区别浏览器的html文档成为document对象，document对象是window对象的一部分。在一个浏览器窗口中可能有多个document，例如通过iframe加载的页面，每一个都是一个document。当浏览器下载到一个网页，通常是HTML，这个HTML就叫document(当然，这也是DOM树中的一个node)。document通...

DOM中的节点详解

dwjdj的博客

02-11

199

/*总结: *文档:document *元素:页面中所有的标签(元素-----element,标签----元素---对象) *结点:页面中所有的内容(标签，属性，文本[文字,换行,空格,回车])[node] *根元素:html标签 *节点的属性:(可以使用标签[元素].出来,可以使用属性节点.出来,文本节点.点出来) *nodeType:节点的类型-...

前端基础之原型

weixin_34018169的博客

07-26

406

在JavaScript中，原型这个东西是比较复杂的，也是比较绕的一个知识点。稍有不慎就会把自己搞的晕头转向。要讲原型，就得先从JavaScript的类（构造函数）和类的实例开始了解，类的所有实例都从同一个原型对象上继承属性，原型对象是指每一个类都有一个prototype属性，prototype对象里面有个constructor属性，这个constructor指向当前的类（构造函数）。因此，原型对...

用Dom遍历网页结点

besily的专栏

12-03

637

如何用Js准确定位网页结点？估计大多数人会用document.getElemtById或者document.getElementByTagName;以上两个方法确实没错，但是非常的笨重。因为你必须知道你要查找的结点的ID或者Name.但是有时候你不一定能知道这些ID或者Name,那该怎么办？答案是使用DOM的 children,parents和siblings看一下下面的代码：

2020-11-05 关于前端‘古董‘dojo的树结构如何默认展开根节点

litter_m的博客

11-05

235

在工作中对公司的老平台进行维护中遇到了统一平台选择区域树样式统一的问题,自己在网上搜索了好多但也没有找到合适的方法,直到找公司前辈请教后解决了这个问题。这里就把这个比较久远的前端问题和大家分享一下：原代码: model = new dijit.tree.ForestStoreModel({ store: store, deferItemLoadingUntilExpand: true, childrenAttrs: ["items"], query: "" });

Javascript脚本语言简介、查找元素节点、查看是否存在子节点、根节点

fengdongkun的专栏

03-17

1万+

Javascript脚本语言简介、查找元素节点、查看是否存在子节点、根节点 1、Js中的的dom的元素节点和文本节点 DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范,DOM是一种与浏览器，平台，语言无关的接口，使得你可以访问页面其他的标准组件 D：文档 – html 文档或 xml 文档 O：对象 – 把