第一节 DOM简单学习：为了满足案例要求
1.功能：
控制HTML文档内容
2.获取页面标签（元素）对象：Element
如：document.getElementById("id值")：通过元素的id获取元素对象
3.操作Element对象：
1.修改属性值
- 明确获取对象
- 查看API文档，找其中有那些属性可以设置
2.修改标签体内容：
- 属性：innerHTML
- 获取元素对象
- 使用innerHTML属性修改标签内容
<h1 id = "title">
阿里巴巴
</h1>
var title = document.getElementById("title");
alter("更换内容");
title.innerHTML = "京东";
案例一 电灯开关
<body>
<img id = "light" src = "img/off.gif">
<script>
// 1.获取图片对象
var light = document.getElememtById("light");
// 2.绑定单击事件
light.onclick = function(){
if(flag){
// 判断如果灯是开的，则灭掉
light.src = "img/off.gif";
flag = false;
}else{
// 如果灯是灭的，则打开
light.src = "img/on.fig";
flag = true;
}
}
</script>
</body>