DOM结构
来源:互联网 发布:plsql导出表数据 编辑:程序博客网 时间:2024/04/18 14:43
首先,什么是DOM?DOM是Document Object Model(文档对象模型)的缩写。DOM是中立与平台和语言的接口,它允许程序或脚本动态地访问更新文档的内容、样式以及结构。DOM包含核心DOM、XML DOM和HTML DOM,我们这里讨论HTML DOM,HTML DOM是关于如何获取、添加、修改和删除HTML元素的标准。
在HTML DOM中HTML文档中所有内容都被视为节点,DOM被视为节点树的HTML。
(1)整个文档视为一个文档节点
(2)每个HTML元素视为元素节点
(3)HTML元素中的文本视为文本节点
(4)每个HTML属性为属性节点
(5)注释为注释节点
HTML DOM将HTML视为文档视为树结构,这种结构称为节点树:
树中元素的关系可以总结为父、子和同胞:
(1)在节点树中,顶端节点称为根节点
(2)除了根节点,每个节点都有父节点(parent)
(3)一个节点可以拥有任意多个子节点
(4)拥有相同父节点为同胞(兄弟或姐妹)节点
看一下代码段:
<html>
<head>
<title>DOM 结构</title>
</head?
<body>
<h1>DOM 结构</h1>
<p>Hello world!</p>
</body>
</html>
从以上代码段可以看出:
(1)<html>为根节点,它没有父节点,它有两个子元素节点<head>、<body>
(2)<head>有一个子元素节点<title>,<body>有两个子元素节点<h1>、<p>
(3)<title>有一个子文本节点:“DOM结构”,类似<h1>和<p>也有一个子文本节点
(4)<h1>和<p>为同胞节点
定义HTML DOM结构,就是为了方便使用HTML DOM方法对节点进行操作。
- DOM结构
- DOM结构与DOM操作
- DOM的结构
- DOM文档层级结构
- 理解dom树结构
- DOM的结构
- javascript DOM 结构
- html dom 是什么结构
- HMTL DOM结构
- DOM结构简介
- jQuery修改DOM结构
- DOM树结构
- dom结构拖动排序
- xml dom结构概念图解
- 理解XML DOM树结构
- DOM Core的目录结构
- 理解XML DOM树结构
- 理解XML DOM树结构
- 《UNIX环境高级编程》--7进程环境
- python中模拟浏览器抓取网页(-)
- 迭代器
- 1046. 划拳(15)
- codeforces-407B Long Path(dp)
- DOM结构
- Python解释器
- 建博第一篇
- 8086汇编语言 db,dw,dd的实例
- 【codeforces】 Far Relative’s Problem
- Java学习笔记之多线程
- 【9925】0/1背包
- 1036. 跟奥巴马一起编程(15)
- NKOI 1466 广场铺砖