您还不是vip会员或者没有登录,无法进入学习,请登录后访问或者联系站长升级会员等级!
为了能给大家提供更好的服务和视频教程,本站VIP课程需要收取一定的学费,具体收费标准根据不同的班级课程和有效期长短有所不同,具体请咨询在线老师,多谢您对本站的支持!
js基础教程35:DOM文档对象模型概念认识
讲师:瑞德威(赵老师)
JavaScipt基础知识 视频教程
第十七课 HTML DOM文档对象模型
文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展置标语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格(目前,HTMl和XML文档是通过说明部分定义的)。
文档可以进一步被处理,处理的结果可以加入到当前的页面。DOM是一种基于树的API文档,它要求在处理过程中整个文档都表示在存储器中。另外一种简单的API是基于事件的SAX,它可以用于处理很大的XML文档,由于大,所以不适合全部放在存储器中处理。
1、HTML DOM (文档对象模型)
通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。
当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。
HTML DOM 模型被构造为对象的树。
HTML DOM 树
网页文档
|
根元素<html>
|
—————————————————————
| |
元素:<head> 元素<body>
|
| ——————————
| |
元素:<title> 属性:href——元素:<a> 元素:<h1>
| | |
文本:“文档标题” 文本:“我的链接” 文本:“我的标题”
通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。
a、JavaScript 能够改变页面中的所有 HTML 元素
b、JavaScript 能够改变页面中的所有 HTML 属性
c、JavaScript 能够改变页面中的所有 CSS 样式
d、JavaScript 能够对页面中的所有事件做出反应
![]() |
豫公网安备 41010202002486号 | ICP备案:豫ICP备18044432号-1 |