您现在的位置是:网站首页> 编程资料编程资料
HTML DOM简介_动力节点Java学院整理_HTML/Xhtml_网页制作_
2023-11-13
145人已围观
简介 通过 JavaScript,您可以重构整个HTML文档。您可以添加、移除、改变或重排页面上的项目。下面通过本文给大家分享HTML DOM的相关知识,感兴趣的朋友一起看看吧
什么是DOM?
通过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 Tutorial DOM Lesson one
Hello world!
上面所有的节点彼此间都存在关系。除文档节点之外的每个节点都有父节点。举例,
和 的父节点是 节点,文本节点 "Hello world!" 的父节点是节点。大部分元素节点都有子节点。比方说,
节点有一个子节点:和
是同辈,因为它们的父节点均是
相关内容
- HTML+VUE分页实现炫酷物联网大屏功能_HTML/Xhtml_网页制作_
- 详解Html页面中内容禁止选择、复制、右键的实现方法_HTML/Xhtml_网页制作_
- HTML检测输入已完成自动填写下一个内容的实现方法_HTML/Xhtml_网页制作_
- Markodwn 标题对齐的同步滚动实现思路详解_HTML/Xhtml_网页制作_
- 纯css实现(无脚本)Html指令式tooltip文字提示效果_HTML/Xhtml_网页制作_
- 解决移动端跳转问题(CSS过渡、target伪类)_HTML/Xhtml_网页制作_
- HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法_HTML/Xhtml_网页制作_
- html+css+js 实现拍照预览上传图片功能_HTML/Xhtml_网页制作_
- 光之子自动存档一直失败解决方法_手机游戏_游戏攻略_
- 神雕侠侣VIP全部福利一览_手机游戏_游戏攻略_