一、认识DOM（Document）
当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。
JavaScript的操作本质上就是对dom进行操作
二、查找HTML元素
通常，通过JavaScript，需要操作HTML元素。
为了做到这件事情，必须首先找到该元素。有三种方法来做这件事:
通过id找到HTML元素，例：document.getElementByld("isDIv");
通过标签名找到HTML元素，例：document.getElementsByTagName("p");
通过类名找到HTML元素 ，例：document.getElementsByClassName("intro");
1、查找HTML元素的方式
例：document.getElementByld("isDIv");
代码演示：
先创建一个HTML文件，然后在head标签中写入script标签
script标签内声明了一个变量Div1，用这个变量来接收id为idDiv的标签中的内容
console.log()是一个输出操作，在控制台中输出内容
运行后，在网页检查（按下F12弹出）中控制台查看结果。结果我们发现“控制台”的输出为null值，这是什么原因呢？
原因就是在页面渲染的时候是从上到下的操作，div标签 还没加载的时候就先加载了 script标签，由于在加载 script标签 时需要用到的div标签未加载，也就是找不到div标签，所以输出为null值。
- 如何才能获取到div标签元素并输出呢？
- 很简单，把script标签拿下来，放在div标签后
运行后再次查看控制台，控制台中有输出
不过！！！我们一般都会将script标签写在head标签里，但是写在head标签里会出现加载问题，这个怎么解决呢？这个有一种方法可以解决，那就是：
- window.onload方法
window.onload 就是先加载元素，等所有元素加载完成之后再去执行这个代码里面的内容
代码演示：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> window.onload = function () { var Div1 = document.getElementById("isDiv"); console.log(Div1) } </script> </head> <body> <div id="isDiv"> 这是一个Div </div> </body> </html>
运行结果
