html dom (文档对象模型)
当网页被加载时,浏览器会创建页面的文档对象模型(document object model)。html dom 模型被构造为对象的树。
html dom 树
ct_htmltree.gif
通过可编程的对象模型,javascript 获得了足够的能力来创建动态的 html。
javascript 能够改变页面中的所有 html 元素 javascript 能够改变页面中的所有 html 属性 javascript 能够改变页面中的所有 css 样式 javascript 能够对页面中的所有事件做出反应 查找 html 元素
通常,通过 javascript,您需要操作 html 元素。为了做到这件事情,您必须首先找到该元素。有三种方法来做这件事:
通过 id 找到 html 元素 通过标签名找到 html 元素 通过类名找到 html 元素 通过 id 查找 html 元素在 dom 中查找 html 元素的最简单的方法,是通过使用元素的 id。实例本例查找 id=intro 元素:var x=document.getelementbyid(intro);亲自试一试如果找到该元素,则该方法将以对象(在 x 中)的形式返回该元素。如果未找到该元素,则 x 将包含 null。
通过标签名查找 html 元素实例本例查找 id=main 的元素,然后查找 main 中的所有
元素:var x=document.getelementbyid(main);var y=x.getelementsbytagname(p);亲自试一试提示:通过类名查找 html 元素在 ie 5,6,7,8 中无效。
