1.getElementById("id的属性值")方法，该方法通过id名来获取到该标签，这个方法常用

2.getElementsByName("name属性值")方法, 该方法通过Name名来获取到一组节点对象，这个方法常用

3.getElementsByTagName("标签名")方法，该方法通过标签名来获取到一组节点对象，这个方法常用

4.getElementByClassName("class属性值") 该方法是使用class属性名来查询一组节点对象，这个方法不常用，而却还有一个缺点，这个缺点就是在IE浏览器中只支持IE9以上的浏览器

因为上面的getElementByClassName的方法有兼容性问题，所有我们就用下面的两种方法来获取到class属性名的节点对象

第一个是：queryselector("css选择器")   

该方法返回文档中匹配指定 CSS 选择器的一个元素。

参数必须使用前缀和css样式一样加上属性值，该加.就要加点或者#号的是都要加上才能获取到，不然没输入正确的话会是null一个空值

这个只能获取到一个，后面属性名有相同的话都不会获取到的

第一个是：queryselectorAll("css选择器")   方法返回文档中匹配指定 CSS 选择器的所有元素，返回 NodeList 对象，NodeList对象表示的是节点对象的集合

参数必须使用前缀和css样式一样加上属性值，该加.就要加点或者#号的是都要加上才能获取到，不然没输入正确的话会是null一个空值

不过这个和上面的不同，获取了所有class属性名相同的属性值

以上的所有方法都是使用document对象来调用的方法