刚开始只学了一种选择方法，今天又把其他几种选择方法 一 并学习了，那我就把他们整理到一起吧，毕竟一家人就要在一起嘛~哈哈~
首先登场的当然是我们只能唯一定义选择的" id "大哥了，即根据“ ID ”选择元素；
document.getElementById(‘ id 的名字‘) // 在选择名字时单引号，双引号都可以用，效果一样。
接着是根据" class "来选择元素：
document.getElementsByClassName(‘ class 的名字‘) // 注意：element后边要有一个s哦（巧记：在英文里复数要加s）。
通过tagName名字获取 ：
document.getElementsByTagName(‘标签名字‘) // 因为标签也可能不是唯一的，所以 element 后边也要加 s。
还有就是可以通过我们熟知的css的选择器获取：
// 只能获取一个，如果是多个，默认值获取第一个
document.querySelector(‘css选择器‘)
举个栗子吧，
document.querySelector(‘#box div‘) //
// 如果想要获取多个，也不是没有办法,只要在后边加个 All
document.querySelectoAll(‘css选择器‘)
除了通过整个文档获取元素，还有可以找某个元素符合条件的集合，把document换做 元素集合即可。
注意：通过class去取值，即便取到的只有一个元素，也要用下标取值。