JavaScript之dom查询方法

获取body标签
在document中有一个属性body，它保存的是body的引用
var body = document.getElementsByTagName("body")[0];
var body = document.body;
document.documentElement保存的是html根标签
document.all可以获取页面中所有的元素
document.getElementsByTagName("*"); 这个与上面的方法一样，不过上面的比较简洁
根据元素的class属性值查询一组元素节点对象
getElementsByClassName()可以根据class属性值获取一组元素节点对象，但是该方法不支持IE8及以下的浏览器
获取页面中的所有的div
var divs = document.getElementsByTagName("div");

获取class为box1中的所有的div
var div = document.querySelector(".box1 div");

document.querySelector();
var div = document.querySelector(".box1 div");

需要一个选择器的字符串作为参数，可以根据一个CSS选择器来查询一个元素节点对象, 使用该方法总会返回唯一的一个元素，如果满足条件的元素有多个，那么它只会返回第一个

document.querySelectorAll()
该方法和querySelector()用法类似，不同的是它会将符合条件的元素封装到一个数组中返回, 即使符合条件的元素只有一个，它也会返回数组

作者：DivMa
链接：https://www.jianshu.com/p/350cb0b99247