走进DOM:HTML DOM
DOM(Document Object Model)即文档对象模型。针对HTML和XML
文档的API(应用程序接口)。
DOM描绘了一个层次化的节点树,执行开发者加入、移除和改动页面的某一部分。当然这样说有些笼统。咱们接着往下看。
一、认识DOM
DOM 中的三个字母。D(文档)能够理解为整个Web载入的网页文档。O(对象)能够理解为类似window对象之类的东西。能够调用属性和方法,这里我们说的是document对象;M(模型)能够理解为网页文档的树型结构。
通过 JavaScript,您能够重构整个HTML文档。您能够加入、移除、改变或重排页面上的项目。
要改变页面的某个东西。JavaScript就须要对HTML文档中全部元素进行訪问的入口。这个入口,连同对HTML 元素进行加入、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的(DOM)。
DOM 可被 JavaScript 用来读取、改变 HTML、XHTML 以及 XML 文档。
DOM 定义了訪问 HTML 和 XML 文档的标准:
“W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它同意程序和脚本动态地訪问和更新文档的内容、结构和样式。
”
W3C DOM 标准被分为 3 个不同的部分:
- Core DOM - 针对不论什么结构化文档的标准模型
- XML DOM - 针对 XML 文档的标准模型
- HTML DOM - 针对 HTML 文档的标准模型
节点:载入
HTML页面时。Web浏览器生成一个树型结构,用来表示页面内部结构。DOM将这样的树型结构理解为由节点组成。
节点彼此都有等级关系。
HTML 文档中的全部节点组成了一个文档树(或节点树)。HTML 文档中的每一个元素、属性、文本等都代表着树中的一个节点。树起始于文档节点,并由此继续伸出枝条,直到处于这棵树最低级别的全部文本节点为止。
从上图的树型结构,我们理解几个概念。html标签没有父辈。没有兄弟,所以html标签为根标签。
head标签是
html子标签,meta和title标签之间是兄弟关系。假设把每一个标签当作一个节点的话,那么这些节点组合成了一棵节点树。
依据 DOM,HTML 文档中的每一个成分都是一个节点。
DOM 是这样规定的:节点种类能够分为三类:元素节点、文本节点、属性节点。
- 整个文档是一个文档节点
- 每个 HTML 标签是一个元素节点
- 包括在 HTML 元素中的文本是文本节点
- 每个 HTML 属性是一个属性节点
- 凝视属于凝视节点
老师一直强调,要善于总结。时常总结。就像这些知识点,自己总认为会,然而到了用的时候发现自己并不能立即写出。所以自己要时常总结,联系知识到实际中。
最新文章
- C# 中Switch case 返回不止用break
- swift动画小试牛刀
- Java—接口与抽象类
- HDU 2444:The Accomodation of Students(二分图判定+匹配)
- nand flash,nor flash,spi flash,片上RAM,片外RAM
- MyEclipse 利用反向功能生成Java 实体类
- mysql datestamp坑
- asp json
- Lambda表达式 - 浅谈
- 网站发布在另外一个网站下面配置伪静态之后图片样式和JS丢失
- c++ :OOP之静态类型与动态类型
- URLs对象 blob URL
- encodeURIComponent() 函数
- abap 变量检查
- jquery跨域方法
- Why Go's Declaration Syntax is better than C++?
- Javascript-history.go()和history.back()的用法和区别
- R语言中的一些函数
- hadoop2.6.0集群配置
- WIN7下为Editplus添加右键打开
热门文章
- Linux系统运维笔记(四),CentOS 6.4安装Nginx
- 下载vc++运行库
- yum list失败
- Codeforces Round #480 (Div. 2) 	E - The Number Games
- 022 StringTokenizer替换掉String的操作
- java数据结构之树
- 那些年我们踩过的坑之表单reset
- BeagleBone Black教程之BeagleBone Black设备的连接
- C/C++的64为长整型数的表示
- zoj 3644 记忆化搜索