JavaScript-节点之间的关系

痛定思痛。 2022-04-17 00:55 244阅读 0赞

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

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

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

<html>
      <head>
        <meta charset="utf-8">
        <title>DOM 教程</title>
      </head>
      <body>
        <h1>DOM 课程1</h1>
        <p>Hello world!</p>
      </body>
    </html>

从上面的 HTML 中：

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

并且：

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

并且：

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

以上信息参考自：[http://www.runoob.com/htmldom/htmldom-nodes.html][http_www.runoob.com_htmldom_htmldom-nodes.html]

[http_www.runoob.com_htmldom_htmldom-nodes.html]: http://www.runoob.com/htmldom/htmldom-nodes.html

发表评论取消回复

表情：

评论列表（有 0 条评论，244人围观）

还没有评论，来说两句吧...

相关阅读

相关浅析html+css+javascript之间的关系与作用

三者间的关系一个基本的网站包含很多个网页，一个网页由html, css和javascript组成。 html是主体，装载各种dom元素；css用来装饰dom元素；ja

小灰灰/ 2024年02月19日 12:23/ 0 赞/ 50 阅读

相关 3.Dubbo节点之间的调用关系

![up-cd5ca5fd296fbd3f3aa47220c29902d54f0.png][] ![up-cb6fedb6db3e8fa2b39a9cc44aeb0be8a3

梦里梦外;/ 2023年10月14日 12:08/ 0 赞/ 6 阅读

相关 html JavaScript 和css之间的关系总结

<一>html（Hyper Text Markup Language）与css（Cascading Style Sheets）还有Js（Javascript）的关系

r囧r小猫/ 2022年06月15日 10:42/ 0 赞/ 242 阅读

相关 JavaScript-节点之间的关系

节点树中的节点彼此拥有层级关系。我们常用父（parent）、子（child）和同胞（sibling）等术语来描述这些关系。父节点拥有子节点。同级的子节点被称为同胞（兄弟或姐

痛定思痛。/ 2022年04月17日 00:55/ 0 赞/ 245 阅读

相关 Neo4j-创建节点之间的关系

节点的创建时很简单的，只要用create创建名字和属性即可。但是节点的关系创建有点复杂，因为需要考虑如何匹配到有关系的两个节点，以及关系本身的属性如何设置。这里我简单学一下如何

妖狐艹你老母/ 2022年04月08日 13:00/ 0 赞/ 720 阅读

相关 ES6与JavaScript之间的关系

js与node.js JS是由ES(ECMAScript)、DOM(浏览器文档对象)、BOM(浏览器对象模型)组成。其中Node.Js就只有ES，目前浏览器比较

女爷i/ 2022年01月10日 10:09/ 0 赞/ 259 阅读

相关表之间的关系

表之间的关系定义一张部门员工表 emp id name gander dep_name dep_de

旧城等待，/ 2021年10月30日 08:06/ 0 赞/ 479 阅读

相关 js--JavaScript与DOM之间的关系

前言内容类型简介 js中数字是浮点类型，而且是不精确的类型字符串

╰半夏微凉°/ 2021年09月27日 04:22/ 0 赞/ 324 阅读

相关 python创建neo4j图库节点及节点之间的关系

python创建neo4j节点及节点之间的关系（连接）打开neo4j本地服务器，python连接。（数据加载）需要创建的节点及其关系

系统管理员/ 2021年09月21日 10:04/ 0 赞/ 612 阅读

相关 JS-JavaScript节点Node的nodeName和nodeValue、节点之间的树状关系

节点的名称和值使用节点的nodeName和nodeValue属性可以读取节点的名称和值。这两个属性完全取决于节点的类型，具体如下表：节点的nodeName和node

太过爱你忘了你带给我的痛/ 2021年08月13日 19:26/ 0 赞/ 365 阅读