##DOM简单学习：
*功能：控制html文档的内容
*代码：获取页面标签（元素）对象 Element
*document.getElementById("Id值"):通过元素的id获取元素对象
*操作Element对象：
1、修改属性值：
1、明确获取的对象是哪一个？
2、查看API文档，找其中有哪些属性可以设置
2、修改标签体内容：
*属性：innerHTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--##DOM简单学习：
*功能：控制html文档的内容
*代码：获取页面标签（元素）对象 Element
*document.getElementById("Id值"):通过元素的id获取元素对象
*操作Element对象：
1、修改属性值：
1、明确获取的对象是哪一个？
2、查看API文档，找其中有哪些属性可以设置
2、修改标签体内容：
*属性：innerHTML-->
<img id="imgTest1" src="img/6.jpg">
<script>
/*为什么这次js代码要写在img标签下面呢？因为想要获取img标签元素对象，需要先加载img标签，才能获取*/
var imgId = document.getElementById("imgTest1");
alert("我要换图片---");
imgId.src="img/3.jpg";
</script>
<h1 id="h">Paul George is on the 24th in the Pacers</h1>
<script>
var hid = document.getElementById("h");
alert("我要换标题---");
hid.innerHTML="Paul George is on the 13th in the Clippers";
</script>
</body>
</html>