document.getElementById

var element = document.getElementById(id);

因为Id具有唯一性，所以这个方法用来查找页面中的某一个元素。

无Id元素的查找可以使用CSS选择器 querySelector()

参数 id
大小写敏感的字符串，指代被查找元素

返回值 elemnt
一个DOM中匹配id的Element对象。未查找到此id的Element时，返回null。

注意

1. getElementById()只能以document.getElementById()的方式调用，而不能作为DOM中其他元素的方法。这是因为id在全局页面的唯一性，所以作为document中的部分局部元素不需要存在这个函数。
2. getElementById()只能查找在文档中的元素，而只是在js中创建，但是没有被加入至文档的元素不可以被获取。

var element = document.createElement("div");
element.id = 'testqq';
var el = document.getElementById('testqq'); // el 是个 null

参考MDN文档

document对象
当浏览器加载完毕html文档后，将会创建一个document对象。这个对象是逻辑树中的Document节点，实现了HTML的Document接口。这个对象包含了整个html文档的信息，可以通过这个对象对html页面中的所有元素进行访问和操作，