摘要： 摘要：当网页被加载时，浏览器会创建页面的文档对象模型（DOM）。HTML-DOM ①可以改变HTML的输出流；document.write() ②可以查找HTML的元素 1.通过ID来查找： docume
摘要：当网页被加载时，浏览器会创建页面的文档对象模型（DOM）。
HTML-DOM
①可以改变HTML的输出流；
document.write()
②可以查找HTML的元素
1.通过ID来查找：
document.getElementById("id名")2.通过class来查找：
document.getElementsByClassName("class名")3.通过标签名（tag name）来查找：
document.getElementsByTagName("tag名")；<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>1</title>
</head>
<body>
<div id="box" style="width: 200px;height: 200px;background:#ccc;line-height:200px;text-align: center;" ondblclick="box_1(this)"></div>
<script type="text/javascript">
function box_1(x){
y=document.getElementById("box")
y.innerHTML="双击我才会出现喔"
}
</script>
</body>
</html>双击网页中的灰色框部分（一个<div></div>区域），可以将innerHTML中的内容改变到此灰色框部分，从而实现了部分简单功能。
HTML-DOM-改变CSS
改变css样式语法：
document.getElementById().style.属性名="属性值"
<!DOCTYPE html>
<html>
<head>
<title>2</title>
<meta charset="utf-8">
<style type="text/css">
#box{width: 100px;height: 100px;background: pink; }
div{text-align: center;}
</style>
</head>
<body>
<div id="box" >点我</div>
<script type="text/javascript">
box.onclick=function(x) {
y=document.getElementById("box")
y.style.background="yellow"
y.style.width="200px"
y.style.height="200px"
y.style.borderRadius="100px"
y.innerHTML="厉害不"
}
</script>
</body>
</html>以上代码片段是在网页中，有一个粉色的<div></div>盒子，可以由语法改变css样式，点击后粉色区域会放大一倍，颜色由粉色变成黄色并变成圆形，可实现部分功能。
Date（日期对象）
日期对象是用于处理日期和时间的，可以获取当前的时间并在页面中显示，可以在获取当前时间后再由相应属性获得此时的年份、月份等。
在获取月份时，由于国外的计月份方式为0代表一月，11代表12月，可创一数组并在其中设置相关值来输出正确月份。
注意事项：
若在css内部有如border-radius的属性，即带有"-"的属性，在JavaScript中要改写成驼峰写法borderRadius的写法才能生效。
批改老师：灭绝师太批改时间：2018-11-17 17:13:03
老师总结：完全ok!日期对象最好也测试一下，一些模块还是比较常用的
