整个文档的节点就是document节点，那么想要具体找到某个节点，我们可以使用document提供的一系列方法:
图片发自简书App
getElementsByTagName()返回所有指定HTML标签的元素，返回值是一个类似数组的HTMLCollection对象；匹配失败，返回[]参数是想要获取节点的具体节点名称，就是标签名；
图片发自简书App
getElementsByClassName()返回所有class名字符合指定条件的元素,返回值是一个类似数组的HTMLCollection对象；匹配失败，返回[]参数为标签的class属性的值
图片发自简书App
getElementsByName()选择拥有name属性的HTML元素，返回值是一个类似数组的HTMLCollection对象；匹配失败，返回[]参数为标签的name属性的值;注意，使用时，最好选择原生具有name属性的元素；
图片发自简书App
getElementById()返回匹配指定id属性的元素节点;没有发现匹配的节点，则返回null参数为标签的id属性的值,参数大小写敏感;
图片发自简书App
querySelector()、querySelectorAll()document.querySelector方法接受一个CSS选择器作为参数，返回匹配该
选择器的元素节点；如果有多个节点满足匹配条件，则返回第一个匹配的节点。如果没有发现匹配的节点，则返回
null；
document.querySelectorAll方法与querySelector用法类似，区别是返回一个类似数组的HTMLCollection对象，
包含所有匹配给定选择器的节点。
