DOM
来源:互联网 发布:网络信息安全的定义 编辑:程序博客网 时间:2024/06/05 06:17
DOM
document Object model文档对象模型
将一些标记型的文档以及文档中的内容当成对象
可以再对象中定义其属性和行为,可以方便操作这些对象
DOM在封装标记型文档时,有三层模型
DOM1:针对html文档
DOM2:针对xml文档
DOM3:针对xml文档
Html,XHtml,Xml这些都是标记型文档
DHTML是多个技术的综合体,叫做动态的html
- html:负责将数据进行标签的封装
- css:负责标签的样式
- dom:负责将标签以及标签中的数据封装成对象
- javascript:负责通过程序设计方式来操作这些对象
标签之间存在着层次关系
- html
- head
- title
- base
- link
- meta
- style
- script
- body
- div
- form
- input
- select
- span
- a
- table
- tbody
- tr
- td
- th
- dl
- dt
- dd
通过这个标签层次可以形象的看作是一棵树型结构,那么我们也称标记型文档加载进内存的是一棵DOM树,这些标签以及标签中的数据,他们都是这棵树上的节点
当标记型文档加载进内存,那么内存中就有了一个对应的DOM树
DOM对已标记型文档的解析有一个弊端就是文档过大,相对消耗资源
对于大型文档可以使用SAX这种方式解析
节点的类型
节点的关系
父节点,子节点,兄弟节点,上下兄弟节点
获取节点的层次关系
- getElementById:通过id 属性值获取对应的节点对象,如果又多一个id值相同,获取到的是第一个id所属对象,尽量保证ID唯一性,返回的是一个对象
- getElementsByName:通过标签的name属性值获取对象,返回的一堆对象,其实是一个对象数组
- getElementsByTagName:即没有id也没有name时,可以通过标签名来获取节点独享,返回的是一对对象,其实是一个对象数组,大多容器型标签都具备该方法
阅读全文
0 0
- DOM
- DOM
- dom
- dom
- DOM
- dom
- DOM
- DOM
- DOM
- DOM
- DOM
- dom
- dom
- Dom
- dom
- DOM
- DOM
- DOM
- HDU 6198number number number(矩阵快速幂)
- 时间管理——帕累托法则(二八定律)
- JS闭包
- 彻底搞清referrer和origin
- R语言笔记1:t检验和Wilcoxon检验
- DOM
- 微信小程序 400 request:ok
- leetcode312. Burst Balloons
- CSS3实现徽章翻转效果
- PAT 1115. Counting Nodes in a BST (30) 建树
- 80个Python经典资料(教程+源码+工具)汇总——下载目录
- dubbo分布式系统链路追踪_zipkin
- Ubuntu16.04 安装Tensorflow-CPU
- 网站推广有那些误区