松软科技课堂:JS HTML DOM
2024-08-30 23:45:28
通过 HTML DOM,JavaScript 能够访问和改变 HTML 文档的所有元素。
HTML DOM(文档对象模型)
当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。
HTML DOM 模型被结构化为对象树:
对象的 HTML DOM 树
通过这个对象模型,JavaScript 获得创建动态 HTML 的所有力量:
- JavaScript 能改变页面中的所有 HTML 元素
- JavaScript 能改变页面中的所有 HTML 属性
- JavaScript 能改变页面中的所有 CSS 样式
- JavaScript 能删除已有的 HTML 元素和属性
- JavaScript 能添加新的 HTML 元素和属性
- JavaScript 能对页面中所有已有的 HTML 事件作出反应
- JavaScript 能在页面中创建新的 HTML 事件
什么是 DOM?
DOM 是一项 W3C (World Wide Web Consortium) 标准。
DOM 定义了访问文档的标准:
“W3C 文档对象模型(DOM)是中立于平台和语言的接口,它允许程序和脚本动态地访问、更新文档的内容、结构和样式。”
W3C DOM 标准被分为 3 个不同的部分:
- Core DOM - 所有文档类型的标准模型
- XML DOM - XML 文档的标准模型
- HTML DOM - HTML 文档的标准模型
什么是 HTML DOM?
HTML DOM 是 HTML 的标准对象模型和编程接口。它定义了:
- 作为对象的 HTML 元素
- 所有 HTML 元素的属性
- 访问所有 HTML 元素的方法
- 所有 HTML 元素的事件
最新文章
- 【学习笔记】Struts2 应用开发步骤
- angularjs中$watch监听model(对象属性、对象)变化
- COGS 2387.[HZOI 2016]2387题解
- 【C语言】08-数组
- phalcon: crypt-encrypt/decrypt用法
- web前端性能测试小点
- ANDROID_MARS学习笔记_S05_005_方向传感器
- 跨域问题实践总结!下( [HTML5] postMessage+服务器端(反向代理服务器+CORS Cross-Origin Resource Sharing))
- Python3学习之路~8.4 利用socket实现文件传送+MD5校验
- 数据库MySQL5.7.21win64位安装配置
- IDEA Spring注入显示红色波浪线
- NOIP2011普及组 数字反转
- Windows补丁更新Tips
- AngularJS+Node.js+socket.io 开发在线聊天室
- IDEA导入MySQL包
- Python并发讨论
- POJ 1986 Distance Queries (Tarjan算法求最近公共祖先)
- 1亿条数据在PHP中实现Mysql数据库分表100张
- iOS中scrollview自动滚动的实现
- python读文件和写入文件复习