HTML DOM（文档对象模型）
当页面被加载时，浏览器会创建页面的文档对象模型（Document Object Model）
HTML DOM模型被构造为对象的树
通过可编程的对象模型，JavaScript获得了足够的能力来创建动态的HTML，例如JavaScript能够改变页面中的所有HTML元素、HTML属性、CSS样式、对页面中所有的事件做出反应。
1.查找HTML元素
（1）通过id找到HTML元素
（2）通过标签名找到HTML元素
（3）通过类名找到HTML元素
<p id="h1">ID类型</p><p >标签类型</p><p class="h2">class类型</p><script type="text/javascript">var x=document.getElementById("h1");var y=document.getElementsByTagName("p")[1];//取得是第二个p标签，不加[1]会返回一个对象数组var z=document.getElementsByClassName("h2");</script>
如果找到该元素，则该方法将以对象（在x中）的形式返回该元素。如果未找到该元素，则x将包含NULL
2.改变HTML内容
修改HTML内容的最简单的方法是使用innerHTML属性
<html><body><p id="p1">Hello World!</p><script>document.getElementById("p1").innerHTML="New text";</script></body></html>
修改成功
3.改变HTML的属性
<html><body><img id="image" src="smile.gif"><script>document.getElementById("image").src="landscape.jpg";</script></body></html>
4.改变HTML样式
改变字体颜色
document.getElementById("menu").style.color="red";
5.创建新的HTML元素
<div id="div1"><p id="p1">这是一个段落</p><p id="p2">这是另一个段落</p></div><script>var para=document.createElement("p");//创建一个元素pvar node=document.createElement("这是新的段落");//创建文本节点para.appendChild(node);//在元素p中加入node节点var element=document.getElementById("div1");element.appendChild(para);//必须向一个已存在的元素追加新增的元素p</script>
6.删除已有的HTML元素
如需删除HTML元素，必须首先获得该元素的父元素：
<div id="div1"><p id="p1">这是一个段落</p><p id="p2">这是另一个段落</p></div><script>var parent =document.getElementById("div1");var child=document.getElementById("p1");parent.removeChild(child);</script>
7.日期时间函数
myDate.getYear();获取当前年份（2位）
myDate.getFullyear();获取完整年份（4位）
myDate.getMonth();获取当前月份（0-11，0代表1）
myDate.getDay();获取当前日期（1-31）
myDate.getHours();获取当前小时数（0-23）
myDate.getMinutes();获取当前分钟数（0-59）
myDate.getseconds();获取当前秒数（0-59）
8.定时器的使用
用法：
setTimeout():在某一特定时间只执行操作一次
setInterval():使操作从一加载时就重复不断执行，直到窗口被关闭或执行clearInteral函数，关闭Interval为止。
语法：
time=setTimeout(表达式，毫秒)
time=setInterval(表达式，毫秒)
setInterval():使操作从一加载时就重复不断执行，直到窗口被关闭或执行clearInteral函数，关闭Interval为止。
语法：
time=setTimeout(表达式，毫秒)
time=setInterval(表达式，毫秒)
