DOM是什么
DOM称为文档对象模型,是HTML文档和XML文档等文档的应用程序接口,。它提供了一种结构化的文档表示方式,从而使你可以修改它的内容以及最终的表达方式,进而将网页和脚本货或编程语言连接了起来。
DOM作用
DOM是用来访问或操作HTML文档、XML文档中的节点元素,DOM通过创建树来表示文档,把整个页面规划成由节点层级构成的文档,从而使开发者对文档的内容和结构具有空前的控制力,用DOM可以定义对象、方法和属性,用于访问、操作和创建文档中的内容、结构样式以及以及轻松的删除、添加和替换节点等行为。
DOM特点
DOM分类
核心DOM,定义了一套标准的可以针对任何文档的对象。
HTML DOM,针对HTML文档的DOM,我们看得姜浩的DOM视频主要讲的就是HTML
DOM的内容,关于HTMLDOM的详细内容我们会在下篇文章中进行讲述。
XML DOM:针对XML文档的DOM。
DOM的级别
DOM0:不是W3C规范,没有这个标准,只是DOM的一个历史参考点。
DOM1:开始是W3C规范,专注于HTML文档和XML文档,只有一个目标,就是规划文档的结构。
DOM2:添加了对鼠标和用户界面事件、范围、遍历的支持并对DOM1增加了样式表对象模型,
DOM3:对DOM2增加了内容模型和文档验证
DOM树形结构
HTML文档是树形结构,跟为<HTML>;DOM也是树形结构,跟为Window或document对象,所以DOM就可以把HTML以树形的形式呈现出来。
DOM与JavaScript联系
JavaScript可以通过DOM来访问和操作HTML文档所有的元素。
JavaScript是一种脚本语言,DOM是用来获得和操作HTML文档节点属性的,JavaScript通过DOM来获得和操作HTML属性的。
<script>
function test(){
window.alert("成功。");
}
</script>
<input type=button value="提交" onclick="test()">
把上述代码复制到一个文件里,改成.html扩展名后,打开此html文档,点击"提交"按钮会弹出"成功"对话框。
其中:
第1,2,4,5行是JavaScript代码。
第3行是DOM代码(此行一定不要混淆成是JavaScript代码)。这就是JavaScript调用DOM的例子。
第6行是html代码
注意,DOM 不是 JavaScript专有的,事实上许多其他语言都实现了它。不过,Web 浏览器中的 DOM 已经用 ECMAScript 实现了,现在是 JavaScript语言的一个很大组成部分。
分享到:
相关推荐
JavaScript_——DOM总结.txt
问:如何使用HTML DOM getElementsByTagName() 方法获取文档中所有的表: 答: Var tables = document.getElementsByTagName("table"); alert("This document contains contains"+tables.length+"tables");
下面小编就为大家带来一篇JavaScript——DOM操作——Window.document对象详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
前端学习(六)——javascript学习笔记(四)HTML DOM.xmind
(https://developer.yahoo.com/performance/rules.html?guccounter=1)和[《高性能 JavaScript》](https://book.douban.com/subject/5362856/)这样历久弥香的经典之作,也可能是搜索引擎聚合给你的一篇又一篇以性能...
NULL 博文链接:https://truevoid.iteye.com/blog/681419
张孝祥老师生前鸿篇巨著。包括html,CSS,DOM编程,javaScrip语法,脚本编程的相关技术,正则表达式。
网页模板——javascript(DOM)图片切换效果
javascript——PDF教程大合集 1、100个直接可以拿来用的JavaScript实用功能代码片段 2、JavaScript DOM编程艺术(中文) 3、JavaScript高级程序设计(第3版)中文 高清 完整 4、JavaScript脚本特效编程给力起飞 5、...
010302_XML解析 —— DOM 010303_XML解析 —— SAX 010304_XML解析 —— JDOM 010305_XML解析 —— DOM4J 010306_使用JavaScript操作DOM 010401_Tomcat服务器的安装及配置 020501_注释及Scriptlet 020502_page指令 ...
javascript DOM Html 对象对象参考手册
JavaScript_——DOM总结,word文档,很好的资源!!!!
javascript中的高阶部分,是window对象的使用,而windows对象使用与Dom密切相关,了解它的层次模型显得很重要
《JavaScript学习指南(第2版)》通过列举JavaScript应用的最佳实践和示例,本书展示了如何将该语言集成到浏览器环境中,及如何在符合标准的网站中应用这些已通过实践验证的编码技术。 本书内容: ● JavaScript应用...
JavaScript语言参考 JavaScript教程 Scripting 运行时的参考 filesystemobject对象教程
3.1 DOM不是JavaScript,它是文档 3.2 DOM的级别 3.2.1 DOM 0 级 3.2.2 DOM 1 级 3.2.3 DOM 2 级 3.2.4 DOM 3 级 3.2.5 哪个级别适合你 3.3 创建示例文档 3.3.1 创建DOM...
头歌教学实践平台 Web前端开发基础 JavaScript学习手册十四:HTML DOM——文档元素的操作(二)。源码txt格式。
头歌教学实践平台 Web前端开发基础 JavaScript学习手册十三:HTML DOM——文档元素的操作(一)。源码txt格式。