文档对象模型(DOM)
视频锁定
{$ currentTime | date:'mm:ss' $}
{$ timeLeft | date:'mm:ss' $}
DOM 即文档对象模型,它是一个平台,提供语言无关的 API,允许程序访问并更改文 档的内容,结构以及样式。HTML 文档是一个树形的结构,与浏览器中的页面中的结构一一 对应。
图 W3C 站点中的一个 HTML 结构示例
JavaScript 通过修改/遍历 DOM,即可映射到对 WEB 页面的操作上,比如一个简单 的页面如下:
<html>
<head>
</head>
<body>
<div id="con">
</div>
</body>
</html>
通过 JavaScript 操作 DOM:
var con = document.getElementById("con");
即可对应到 WEB 页面中的 id 为”con”的 div 标签,可以为该标签设置背景色,或者绑 定 click 事件的处理函数等等。JavaScript 可以通过一些浏览器内置的方法来对 DOM 进行 遍历,增加,删除 DOM 的子节点,访问 DOM 上的 Form,Frame,Image 等节点,修 改他们的 CSS 样式,注册/注销事件处理函数,从而使页面“活动”起来。
在线练习
{$ activeFileHint $}