HTML DOM简介

什么是HTML DOM?

简单点说：

举个例子吧。你告诉某人：“去把土豆削了”，他肯定知道去拿个土豆，把皮削掉。找到“土豆”这个操作对象不是一个困难的任务，“削皮”也不是一个困难的动作。

同理，你可能想告诉浏览器：“把这页内容区的背景色变成黄色。”不过浏览器可没有人聪明，它是没法理解这种比较模糊的语言的，而只能理解精确的编程语言。所以你需要这么说：“document.getElementById("content").style.backgroundColor = 'yellow';”。

这是一个简单的JavaScript语句，它完成的动作是“变成黄色”，操作对象是“这页的内容区的背景”。没错，DOM的任务就是帮助我们“找到土豆”，然后我们才能用JavaScript对土豆进行“削皮”。点击下面的按钮执行上面的语句。

补充说明一点：不只有JavaScript可以操作DOM，理论上所有的编程语言都可以。

复杂点说：

DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范,DOM是一种与浏览器，平台，语言无关的接口，使得你可以访问页面其他的标准组件。简单理解，DOM解决了Netscape的Javascript和 Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。

DOM是以层次结构组织的节点或信息片断的集合。这个层次结构允许开发人员在树中导航寻找特定信息。分析该结构通常需要加载整个文档和构造层次结构，然后才能做任何工作。由于它是基于信息层次的，因而 DOM 被认为是基于树或基于对象的。

HTML DOM是HTML Document Object Model(文档对象模型)的缩写，HTML DOM则是专门适用与HTML/XHTML的文档对象模型。熟悉软件开发的人员可以将HTML DOM理解为网页的API。它将网页中的各个元素都看作一个个对象，从而使网页中的元素也可以被计算机语言获取或者编辑。例如Javascript就可以利用HTML DOM动态的修改网页。(更多解释见DOM的百度百科)

HTML DOM简介相关推荐

前端：JS/27/HTML DOM简介和新特性，HTML DOM访问HTML元素的方法，元素对象的属性（标准属性），noscroll事件，实例：书讯快递
HTML DOM简介和新特性 1,HTML DOM简介核心DOM中,提供的属性和方法,已经可以操作网页了,为什么还要HTML DOM? 如果在核心DOM中,网页中节点层级很深时,访问这个节点时将十分 ...
前端：JS/24/BOM和DOM简介，for...in循环遍历，window对象的属性和方法，延时器，定时器，screen屏幕对象，location地址栏对象，history历史记录对象
BOM 和DOM简介 BOM ,Browser Object Model ,浏览器对象模型: BOM主要提供了访问和操作浏览器各组件的方式: 浏览器组件:window(浏览器容器), location ...
Javascript第五章DOM简介和window对象第一课
更多免费教学文章请关注这里 ECMAScript参考:https://blog.csdn.net/qq_30225725/article/details/88621180 Javascript第五章w ...
Vue2源码解析虚拟dom简介
目录 1 什么是虚拟dom 2 为什么要引入虚拟dom 3 vue中的虚拟dom 4 总结 1 什么是虚拟dom 通过描述状态和dom之间的映射关系是怎样的,就可以将状态渲染成视图. 状态可 ...
javascript之DOM简介
DOM文档对象模型 DOM文档对象模型是基于HTML树的api,这里可以把HTML结构看成是一颗树形结构,使用DOM可以操作树中的节点,即操作(增删改查)HTML标签. 上图是一个简单的DOM树形结构 ...
前端学习（813）：dom简介
JavaScript（五）—— Web APIs 简介/JavaScript 必须掌握的 DOM 操作 (丰富案例 + 思维导图）
本篇为 JavaScript 系列笔记第五篇,将陆续更新后续内容.参考:黑马程序员JavaScript核心教程,前端基础教程系列笔记: JavaScript(一)-- 初识JavaScript / ...
Web APIs 简介、DOM
文章目录一.Web APIs 简介 1.Web APIs 和 JS 基础关联性 2.API 和 Web API 二.DOM 1.DOM简介 2.获取元素 (1)根据ID获取 (2)根据标签名获取 ( ...
通过JavaScript简单的操作DOM（一）
通过JavaScript简单的操作DOM (一)简单的前提概念 1.DOM简介 DOM,文档对象模型.描述了HTML和XML文档结构,然后提供API,来帮助开发人员添加.删除.修改页面的某一部分. ( ...

HTML DOM简介

什么是HTML DOM?

HTML DOM简介相关推荐

最新文章

热门文章