加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程 > 正文

HTML DOM简介_动力节点Java学院清算

发布时间:2020-03-19 04:52:56 所属栏目:编程 来源:站长网
导读:通过JavaScript,您可以重构整个HTML文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个对象,JavaScript就必要对HTML文档中全部元素举办会见的进口。这个进口,连同对HTML 元素举办添加、移动、改变或移除的要领和属性,都是通过文档工具

通过JavaScript,您可以重构整个HTML文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个对象,JavaScript就必要对HTML文档中全部元素举办会见的进口。这个进口,连同对HTML 元素举办添加、移动、改变或移除的要领和属性,都是通过文档工具模子来得到的(DOM)。在 1998 年,W3C 宣布了第一级的 DOM 类型。这个类型应承会见和操纵 HTML 页面中的每一个单独的元素。全部的赏识器都执行了这个尺度,因此,DOM 的兼容性题目也险些难觅踪影了。DOM 可被 JavaScript 用来读取、改变 HTML、XHTML 以及 XML 文档。

DOM 被分为差异的部门(焦点、XML及HTML)和级别(DOM Level 1/2/3):

Core DOM

界说了一套尺度的针对任何布局化文档的工具

XML DOM

界说了一套尺度的针对 XML 文档的工具

HTML DOM

界说了一套尺度的针对 HTML 文档的工具。

节点

按照 DOM,HTML 文档中的每个因素都是一个节点。

DOM 是这样划定的:

整个文档是一个文档节点

每个 HTML 标签是一个元素节点

包括在 HTML 元素中的文本是文本节点

每一个 HTML 属性是一个属性节点

注释属于注释节点

Node 条理

节点互相都有品级相关。HTML 文档中的全部节点构成了一个文档树(或节点树)。HTML 文档中的每个元素、属性、文本等都代表着树中的一个节点。树起始于文档节点,并由此继承伸出枝条,直处处于这棵树最初级此外全部文本节点为止。

下面这个图片暗示一个文档树(节点树):

HTML DOM简介_动力节点Java学院清算

文档树(节点数)

请看下面这个HTML文档:

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

上面全部的节点互相间都存在相关。除文档节点之外的每个节点都有父节点。举例,<head> 和 <body> 的父节点是 <html> 节点,文本节点 "Hello world!" 的父节点是 <p> 节点。大部门元素节点都有子节点。例如说,<head> 节点有一个子节点:<title> 节点。<title> 节点也有一个子节点:文本节点 "DOM Tutorial"。当节点分享统一个父节点时,它们就是同辈(同级节点)。例如说,<h1> 和 <p>是同辈,由于它们的父节点均是 <body> 节点。节点也可以拥有儿女,儿女指某个节点的全部子节点,可能这些子节点的子节点,以此类推。例如说,全部的文本节点都是 <html>节点的儿女,而第一个文本节点是 <head> 节点的儿女。节点也可以拥有前辈。前辈是某个节点的父节点,可能父节点的父节点,以此类推。例如说,全部的文本节点都可把 <html> 节点作为前辈节点。

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读