DOM简单学习：为了满足案例要求
功能：控制html文档的内容
       获取页面标签(元素)对象：Element
       * document.getElementById(“id值”):通过元素的id获取元素对象
* 操作Element对象：
       1. 修改属性值：
       1. 明确获取的对象是哪一个？
       2. 查看API文档，找其中有哪些属性可以设置
2. 修改标签体内容：
       * 属性：innerHTML
       1. 获取元素对象
2. 使用innerHTML属性修改标签体内容
案例代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Dom</title>

</head>
<body>
    <img id="light" src="img/off.gif">
    <h1 id="title">汇创阿里杰克马</h1>
<script>
    //document.getElementById("id值"):通过元素的id获取元素对象
    var light = document.getElementById("light");
    alert("我要换照片了");
    light.src = "img/on.gif";

    var title = document.getElementById("title");
    alert("我要换标签了");
    title.innerHTML = "不识妻美刘强东";
    
</script>
</body>
</html>