HTML DOM 节点

在 HTML DOM 中，所有事物都是节点。DOM 是被视为节点树的 HTML。

DOM Nodes

DOM 节点

根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：整个文档是一个文档节点

每个 HTML 元素是元素节点

HTML 元素内的文本是文本节点

每个 HTML 属性是属性节点

注释是注释节点

HTML DOM 节点树

HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树：

HTML DOM 树实例

节点父、子和同胞

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

父(parent)、子(child)和同胞(sibling)等术语用于描述这些关系。父节点拥有子节点。同级的子节点被称为同胞(兄弟或姐妹)。在节点树中，顶端节点被称为根(root)

每个节点都有父节点、除了根(它没有父节点)

一个节点可拥有任意数量的子节点

同胞是拥有相同父节点的节点

下面的图片展示了节点树的一部分，以及节点之间的关系：

请看下面的 HTML 片段：

DOM Tutorial

DOM Lesson one

Hello world!

从上面的 HTML片段可以看出：节点没有父节点；它是根节点

文本节点 "Hello world!" 的父节点是

节点

并且：节点拥有两个子节点：

和节点节点也拥有一个子节点：文本节点 "DOM 教程"

和

节点是同胞节点，同时也是

的子节点

并且：

元素是元素的首个子节点

元素是

元素的最后一个子节点

警告！

DOM 处理中的常见错误是希望元素节点包含文本。

在本例中：

DOM 教程，元素节点，包含值为 "DOM 教程" 的文本节点。

可通过节点的 innerHTML 属性来访问文本节点的值。

您将在稍后的章节中学习更多有关 innerHTML 属性的知识。

html dom子节点,HTML DOM 节点相关推荐

java dom添加节点_java用dom更新xml的有关问题，如何在子节点上添加节点
java用dom更新xml的问题,怎么在子节点下添加节点? 有原始xml如下: 我想要得到修改后的结果为: 我的代码为: public static void main(String[] args) ...
JavaScript基础12-day14【DOM查询(获取元素节点、获取元素节点的子节点)、全选练习、DOM增删改、DOM添加删除记录、Window对象方法】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
jspdf-html2canvas 自动分页网页导出pdf 自动根据dom子节点的高度进行分页，避免dom的内容在分页的时候被截断
jspdf-html2canvas 网页导出pdf 自动根据dom子节点的高度进行分页,避免dom的内容在分页的时候被截断说明直接上代码说明要导出的内容用 .pdf 包裹 ,默认会以.pdf的 ...
js添加多个子节点_JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
本文实例讲述了JS实现DOM节点插入操作之子节点与兄弟节点插入操作.分享给大家供大家参考,具体如下: www.jb51.net JS节点插入 function showinsert(){ //添加子节 ...
关于DOM基础：DOM子节点：childNodes、父节点：parentNode以及相对父级元素进行定位的offsetParent
DOM基础: 子节点:chrldNodes 父节点:parentNode 节点类型:nodetype offsetParent 基本概念子节点:通俗的说就算一个父元素下面包着一个子元素.相当于一种& ...
W3C DOM操作之创建新节点
DOM树 vs DisplayList显示列表两个很相似的东西,关于显示列表的教程看flash里吧,这里主要看看如何使用js操作DOM树 1.为DOM树添加节点,首先得创建一个 DOM的节点有2个 ...
js获取节点的DOM操作
一直感觉DOM节点什么的乱七八糟的不能理解,可能博客也没办法写清楚,只能把知道的一些信息大致写下来慢慢再补充了. HTML DOM类型 Node类型 Javascript中的所有节点类型都继承自Nod ...
实现 Virtual DOM 下的一个 VNode 节点
实现 Virtual DOM 下的一个 VNode 节点什么是VNode 我们知道,render function 会被转化成 VNode 节点.Virtual DOM 其实就是一棵以 JavaSc ...
前端：JS/25/DOM官方定义，DOM分类，HTML节点树（节点关系，节点类型，），核心DOM中公共的属性和方法（节点访问，查找DOM节点，节点属性，节点的创建，追加和删除）
DOM官方定义 DOM,Document Object Model,文档对象模型,我们可以把网页中的所有"东西"看成是对象": DOM的官方定义:DOM可以使用脚本,动态 ...

html dom子节点,HTML DOM 节点

DOM Lesson one

和

元素是元素的首个子节点

html dom子节点,HTML DOM 节点相关推荐

最新文章

热门文章

html dom子节点,HTML DOM 节点

DOM Lesson one

和

元素是 元素的首个子节点

html dom子节点,HTML DOM 节点相关推荐

最新文章

热门文章

元素是元素的首个子节点