当网页被加载时，浏览器会创建页面的文档对象模型

 

　　通过可编程对象模型，JavaScript获得了足够的能力来创建动态的HTML。

 

　　JavaScript 能够改变页面中所有的HTML元素JavaScript能够改变页面中所有的HTML属性JavaScript能够改变页面中所有的CSS样式JavaScript能够对页面中的所有事件作出反应

 

　　通过id找到HTML元素

 

　　var x=document.getElementById(“intro”);

 

　　通过标签名找到HTML元素

 

　　var x=document.getElementById(“main”);

 

　　var y=x.getElementsByTagName(“p”);

 

　　通过类名找到HTML元素

 

　　document.write() 可直接向HTML输出流写内容

 

　　绝不要使用在文档加载之后使用 document.write()。这会覆盖该文档。

 

　　修改HTML内容的最简单方法就是使用innerHTML：

 

　　document.getElementById(id).innerHTML=new HTML

 

　　改变HTML属性（例如img标签的src属性）

 

　　document.getElementById(id).attribute=new value

 

　　改变HTML样式

 

　　document.getElementById(id).style.property=new style

 

　　HTML DOM Style对象参考手册

 

　　当用户在点击某个元素时执行代码，请向一个HTML事件属性添加JavaScript代码：

 

　　οnclick=JavaScript

 

　　age：

 

　　原理

 

　　先获取元素ID然后再通过onclick添加事件，即

 

　　分配事件

 

　　onload 和 onunload 事件onload 和 onunload 事件会在用户进入或离开页面时被触发。onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。onload 和 onunload 事件可用于处理 cookie。onchange 事件常结合对输入字段的验证来使用。onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。

 

　　HTML DOM Event 对象参考手册

 

　　如需向 HTML DOM 添加新元素，您必须首先创建该元素（元素节点），然后向一个已存在的元素追加该元素。

 

　　步骤

 

　　先创建标签:var para=document.createElement(“p”);

 

　　创建文本节点:var node=document.createTextNode(“这是新段落。”)；

 

　　为了向上一步的p标签添加内容

 

　　向节点追加这个文本:para.appendChild(node);

 

　　如需删除 HTML 元素，您必须首先获得该元素的父元素：