想处理文档里面的元素，我们得先获取到它。DOM 提供了几种方法可以获取到文档中的元素，下面我们先看一下 getElementById …

这个方法可以用元素上的 ID 来定位元素 … 在浏览器上打开网页以后 …. 再打开 Chrome 浏览器的开发者工具 … 右键点击页面 … 审查元素 …

先打开 Elements 选项卡 .. 这里我们可以看到文档里的元素 …

getELementById

在这个 h1 元素里面，我事先定义了一个 ID … page-title … 想要获取到这个 ID 所在的元素，可以这样 … 先输入 document … document 是代表这个文档的对象 … 然后是 getElementById .. 这里要注意这个方法的名称的大小写 …

在括号里，输入一组引号 … 引号里面就是元素的 ID …

document.getElementById('page-title');

回车 … 在控制台上，会直接返回获取到的结果 …

getElementById 会返回一个对象 … 我们可以给这个对象起个名字 … 这样在后面，可以直接使用这个名字表示这个对象 …

var pageTitle = document.getElementById('page-title');

再输入 pageTitle …. 得到的是一样的结果 ..