【JavaScript】DOM结构介绍和方法预览
来源:互联网 发布:内网外网切换软件 编辑:程序博客网 时间:2024/04/28 08:27
DOM
1.DOM介绍
DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范,DOM是一种与浏览器,平台,语言无关的接口,使得你可以访问页面其他的标准组件
D:文档 – html 文档 或 xml 文档
O:对象 – document 对象的属性和方法
M:模型
DOM 是针对xml(html)的基于树的API。
DOM树:节点(node)的层次。
DOM 把一个文档表示为一棵家谱树(父,子,兄弟)
DOM定义了Node的接口以及许多种节点类型来表示XML节点的多个方面
2.DOM的结构
节点及其类型
节点
*由结构图中我们可以看到,整个文档就是一个文档节点。
*而每一个HMTL标签都是一个元素节点。
*标签中的文字则是文本节点。
*标签的属性是属性节点。
*一切都是节点……
节点树
节点树的概念从图中一目了然,最上面的就是“树根”了。节点之间有父子关系,祖先与子孙关系,兄妹关系。这些关系从图中也很好看出来,直接连线的就是父子关系了。而有一个父亲的就是兄妹关系……
3.NODE接口的特性和方法
转载请注明出处:http://blog.csdn.net/acmman/article/details/47806611
1.DOM介绍
DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范,DOM是一种与浏览器,平台,语言无关的接口,使得你可以访问页面其他的标准组件
D:文档 – html 文档 或 xml 文档
O:对象 – document 对象的属性和方法
M:模型
DOM 是针对xml(html)的基于树的API。
DOM树:节点(node)的层次。
DOM 把一个文档表示为一棵家谱树(父,子,兄弟)
DOM定义了Node的接口以及许多种节点类型来表示XML节点的多个方面
2.DOM的结构
节点及其类型
节点
*由结构图中我们可以看到,整个文档就是一个文档节点。
*而每一个HMTL标签都是一个元素节点。
*标签中的文字则是文本节点。
*标签的属性是属性节点。
*一切都是节点……
节点树
节点树的概念从图中一目了然,最上面的就是“树根”了。节点之间有父子关系,祖先与子孙关系,兄妹关系。这些关系从图中也很好看出来,直接连线的就是父子关系了。而有一个父亲的就是兄妹关系……
3.NODE接口的特性和方法
转载请注明出处:http://blog.csdn.net/acmman/article/details/47806611
1 0
- 【JavaScript】DOM结构介绍和方法预览
- 【JavaScript】DOM节点常用方法介绍01
- 【JavaScript】DOM节点常用方法介绍02
- javascript dom-文档结构和遍历
- javascript DOM 结构
- SVG DOM常用属性和方法介绍
- javascript DOM和DOM操作的四种基本方法
- 31-JavaScript-DOM-介绍
- JavaScript DOM 简单介绍
- JavaScript DOM 方法 属性
- javaScript DOM特性/方法
- javascript Dom方法
- 原生JavaScript Dom方法
- JavaScript DOM--- insertBefore()方法
- 【javascript学习笔记】DOM介绍
- javascript BOM与DOM介绍
- SVG DOM常用属性和方法介绍(1)
- Javascript实例教程:DOM方法创建和修改表格
- Python:Bubble 排序算法
- 总结关于医院营销的11个核心点
- 母婴保健常识|产后靓妈怎样美丽无“纹”
- java异常处理机制
- Linux查看物理CPU个数、核数、逻辑CPU个数
- 【JavaScript】DOM结构介绍和方法预览
- [leetcode] 142.Linked List Cycle II
- Ubuntu 下面安装gtk+-2.0
- mysql wordpress JQuery html5 Ajax Python全下载
- iOS申请真机调试证书-图文详解
- 属性动画Animator
- [leetcode] Ugly Number
- 禁止非法root的设备OTA升级
- 使用 lint 工具优化 Android 布局