HTML DOM(学习笔记一)_html/css_WEB-ITnose
1:HTML DOM 是什么?
先来看一下一个简单的HTML文档的结构
文档标题 文本内容
如果我们将此文档整个的顺时针旋转90度就会看到如下的样子
HTML DOM 的英文全称是:Hyper Text Markup Language Document Object Model 翻译成中文是,超文本标记语言的文档对象模型。我的理解是将HTML文档换一种视角来看待的方式,看成是一棵倒挂的DOM树,对HTML文档的操作可以看成是对DOM树的操作,HTML文档中的一切都映射在这一棵DOM树上!
W3C的解释是:DOM是W3C的标准,DOM定义了访问HTML和XML文档的标准(W3C DOM 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。)W3C标准被分成3个不同的部分:
1)核心DOM??针对任何结构化文档的标准模型
2)XML DOM??针对XML文档的标准模型
3)HTML DOM??针对HTML文档的模型
我们这里仅关心HTML DOM,官方的描述他是:
1)HTML 的标准对象模型
2)HTML的标准编程接口
3)W3C标准
HTML DOM 定义了所有的HTML元素的对象和属性,以及访问他们的方法。简单点讲,HTML DOM 是关于如何获取、修改、添加或者删除HTML元素的标准。也就是换一种方式操作HTML文档的方法,主要的就是加上的JAVASCRIPT这门脚本语言的参与,对HTML文档进行操作!
2:HTML DOM 的作用是什么?
嗯,最主要的就是增强了网站的动态交互性,因为可以使用JAVASCRIPT或者服务器端的脚本来控制HTML文档了!
3:HTML DOM 的内容关键点是什么?
我觉得将HTML文档换成DOM树的这种视角来看待后,在对DOM树来操作,无论是修改、添加、删除、或者是改变节点的结构或者是样式,第一步总是要先获得一个节点的,就像对数据库里的数据进行操作一样增删改查,查的地位是相当重要的!所以,我门对待查询的方法和属性是要特别用心来学习的!
4:HTML DOM 的基本内容?
学习HTML DOM之前是需要了解HTML/CSS/JAVASCRIPT的,就像下图所表达的一样,只有这四者的配合才能更加灵活多变丰富多彩的展现出更加好玩的网页!
当然,使用DOM树的方式来表达HTML文档,也必须有自己的一套控制的方式方法的,我们要全面的转换视角。我们需要学习一些获取DOM树中节点的方法、修改节点的方法、添加节点的方法、删除节点的方法;改变节点的样式、结构等等,需要学习一些各种类型的节点以及节点的属性相关的内容,和HTML联系起来,我们需要知道某个节点是什么标签、他的属性、他的事件、他与其他节点的联系等等的内容,你能想到的更加合理和控制DOM树的方式、方法、属性、事件等等HTML DOM 都为我们想到了,这些就是我们需要学习的内容啦!
嗯,此篇的目标是让我对HTML DOM有一个比较清晰的认识,让我知道她是什么、有什么用、有哪些内容,然后我载慢慢的将它的内容补充上来!感谢W3C!
推荐阅读
-
用手机录了一段音,一点点时间没想到有4M多?_html/css_WEB-ITnose
-
《DOM编程艺术》中初步实现的图片库的总结(一)_html/css_WEB-ITnose
-
ul li 里面嵌套 ol li ,为甚么不能够在同一行显示_html/css_WEB-ITnose
-
HTML学习目录_html/css_WEB-ITnose
-
HTML+CSS学习笔记 (14)
-
的第一行的第一个th_html/css_WEB-ITnose">
css如果选择