发文章
发文工具
撰写
网文摘手
文档
视频
思维导图
随笔
相册
原创同步助手
其他工具
图片转文字
文件清理
AI助手
留言交流
DOM的全称是Document Object Model,即文档对象模型,它允许脚本控制Web页面、窗口和文档。
如果没有DOM,JavaScript将是另外一种脚本语言;而有了DOM,它将成为制作动态页面的强有力工具。DOM不是JavaScript语言的一部分,而是内置在浏览器中的一个应用程序接口。当然,我们可以简单的理解为一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式。
DOM(文档对象模型)是一组用来描述脚本怎样与结构化文档进行交互和访问的web标准。他的功能是把浏览器支持的文档(包括HTML XML XHTML)当作一个对象来解析。DOM实际上是一个操作文档里面所包含的内容的一个编程的API,允许开发人员从文档中读取、搜索、修改、增加和删除数据。DOM是与平台和语言无关的,也就是说只要是支持DOM的平台和编程语言,你都可以用来编写文档。
DOM定义了一系列对象、方法和属性,用于访问、操作和创建文档中的内容、结构、样式以及行为。每一个网页元素(一个HTML标签)都对应着一个对象(object,所谓“对象”,用白话说就是“东西”。)。网页上的标签是一层层嵌套的,最外面的一层是<HTML>,文档对象模型也这样一层层嵌套着,但是通常被理解成一棵树的形状。树根是window或document对象,相当于最外层的标签的外围,也就是整个文档。树根之下(这棵树的图通常是倒着画,就好像遗传谱系或者家谱那样。树根就是唯一的共同祖先)是子一级的对象,子对象也有它自己的子对象,除了根对象以外,所有的对象都有自己的父对象,同一对象的子对象之间就是兄弟的关系。如果大家没有见过家谱,应该知道一个公司的组织架构。
DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。可以把DOM认为是页面上数据和结构的一个树形表示,不过页面当然可能并不是以这种树的方式具体实现。通过JavaScript,可以重构整个 HTML 文档。可以添加、移除、改变或重排页面上的项目。
要改变页面的某个东西,JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口连同对 HTML 元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的(DOM)。
我们用JavaScript对网页进行的所有操作都是通过DOM进行的。如何访问DOM中的对象?
先是父对象名,后面接着是子对象名,使用圆点隔开。
单机按钮显示效果:
来自: 昵称10504424 > 《工作》
0条评论
发表
请遵守用户 评论公约
JavaScript的三大组成部分
JavaScript的三大组成部分。JavaScript=ECMAJScript+BOM+DOM.2、文档对象模型(DOM):DOM(文档对象模型)是 HTML 和 XML 的应用程序接...
JavaScript HTML DOM
JavaScript HTML DOMJavaScript HTML DOM.通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。HTML DOM (文档对象模型)JavaScrip...
松软科技课堂:JS HTML DOM
JavaScript 能改变页面中的所有 HTML 元素JavaScript 能改变页面中的所有 HTML 属性JavaScript 能改变页面中的所有 CSS 样式JavaScript ...
HTML、SHTML、XHTML、DHTML、XML、JavaScript、JS、HTML DOM、CSS有什么区别
HTML、SHTML、XHTML、DHTML、XML、JavaScript、JS、HTML DOM、CSS有什么区别HTML、SHTML、XHTML、DHTML、XML、JavaScript、JS、HTML DOM、CSS有什么区别(2011-04-14 13:35:34) HTML、SHTML、XHTML、D...
JavaScript 简史
DOM1有两个模块组成,DOM核心(Core)和 DOM HTML。DOM视图(DOM View): 定义了跟踪不同文档视图的接口;DOM3级则进一步扩展了DOM,引入了以统一方式加载和保存文档的方法——在DOM加载和保存(DOM Lo...
【第一章】跟我一起学javascript --javascript简介
【第一章】跟我一起学javascript --javascript简介1、javascript组成。Internet Explorer 3 和 Netscape Navigator 3 有一个共同的特色...
Java入门到架构师教程之JavaScript组成、开发工具和基本用法
Java入门到架构师教程之JavaScript组成、开发工具和基本用法一、JavaScript简介。JavaScript的运行需要一定的环境,脱离了环境JavaScrip...
javascript高级程序设计---第一章、JavaScript实现
javascript高级程序设计---第一章、JavaScript实现第一章、JavaScript实现一、javaScript的组成部分:1.核心:ECMAScript2.文档对象模型...
掌握 Ajax,第 4 部分: 利用 DOM 进行 Web 响应
微信扫码,在手机上查看选中内容