2、获取元素的方式总结
1、根据 id 的属性的值获取元素，返回值是一个元素对象
document.getElementById("id属性的值");
2、根据标签名获取元素，返回值是包含多个元素对象的伪数组
document.getElementsByTagName("标签名字");
3、根据 name 属性的值获取元素，返回值是包含多个元素对象的伪数组
document.getElementsByName("name属性的值");
// 通过 name 属性获取元素适用于表单标签，基本标签没有 name 属性
//基本标签：div,p,h1,ul,li,br等
//表单标签：input, select,option,form,textarea,datalist,label等
4、根据 class 类样式的名字获取元素，返回值是包含多个元素对象的伪数组
document.getElementsByClassName("class类样式的值");
5、根据 CSS 选择器获取元素，返回值是一个元素对象
document.querySelector("#id属性的值");
document.querySelector("标签的名字"); document.querySelector(".class类样式的值");
6、根据 CSS 选择器获取元素，返回值是包含多个元素对象的伪数组
document.querySelectorAll("#id属性的值");
document.querySelectorAll("标签的名字"); document.querySelectorAll(".class类样式的值");
注意：以上方法获取的元素的集合都是伪数组。
判断伪数组的方式是伪数组不能调用数组的方法。（Boolean(list.sort) == false）或者使用instanceof （list instanceof Array）。
伪数组怎么变为真数组？
定义一个空数组，把伪数组的所有内容复制过去即可。
内容转载自：https://github.com/Daotin/Web/tree/master/04-DOM