DOM
来源:互联网 发布:windows 10系统激活 编辑:程序博客网 时间:2024/05/18 02:44
文档对象模型(DOM,Document Object Model)是针对XML但经过扩展用于HTML的应用程序编程接口(API,Application Programming Interface),提供访问和操作网页内容的方法和接口。
DOM把整个页面映射为一个多层节点结构。
DOM 模型被构造为对象的树。
通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。
在 DOM 中查找 HTML 元素的最简单的方法,是通过使用元素的 id
HTML DOM 允许 JavaScript 改变 HTML 元素的内容。
document.getElementById(id).innerHTML=new HTML
JavaScript 能够创建动态的 HTML 内容:
document.write(Date());
在 JavaScript 中,document.write() 可用于直接向 HTML 输出流写内容。
HTML DOM 允许 JavaScript 改变 HTML 元素的样式
document.getElementById(id).style.property=new style
HTML DOM 使 JavaScript 有能力对 HTML 事件做出反应。
对事件做出反应
我们可以在事件发生时执行 JavaScript,比如当用户在 HTML 元素上点击时。
如需在用户点击某个元素时执行代码,请向一个 HTML 事件属性添加 JavaScript 代码:
onclick=JavaScript
HTML 事件的例子:
- 当用户点击鼠标时
- 当网页已加载时
- 当图像已加载时
- 当鼠标移动到元素上时
- 当输入字段被改变时
- 当提交 HTML 表单时
- 当用户触发按键时
Event 对象
Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
事件通常与函数结合使用,函数不会在事件发生前被执行!
事件句柄 (Event Handlers)
鼠标 / 键盘属性
IE 属性
除了上面的鼠标/事件属性,IE 浏览器还支持下面的属性:
标准 Event 属性
下面列出了 2 级 DOM 事件标准定义的属性。
标准 Event 方法
下面列出了 2 级 DOM 事件标准定义的方法。IE 的事件模型不支持这些方法:
- DOM
- DOM
- dom
- dom
- DOM
- dom
- DOM
- DOM
- DOM
- DOM
- DOM
- dom
- dom
- Dom
- dom
- DOM
- DOM
- DOM
- php面试题
- lld3驱动学习一
- 如何在Linux里使用xargs命令
- 似然函数的详细分析----似然函数的本质意义
- [ACM] hihoCoder 1075 开锁魔法III (动态规划,组合数学)
- DOM
- VirtualBox扩展包卸载或安装失败(VERR_ALREADY_EXISTS)解决
- Linux系统启动详解(一)
- php高级面试题
- 抓住那头牛
- 10个面向程序员的在线编程网站
- Extjs 图片按钮背景根据鼠标的over和out变化
- 1068 乌龟棋
- VC6.0添加控件失败解决方法