1. 获取body标签
var body = document.getElementsByTagName('body')[0] console.log(body)或 :在document中有一个属性body,它保存的是body的引用 var body = document.body console.log(body)
2. 获取html标签
--> document中的html保存的是html的根标签 var html = domcument.documentElement
3. 获取页面的所有元素
var all = document.all 或var all = document.getElementsByTagName('*')
4. 根据元素的class属性值查询一组元素节点对象(不支持IE8及以下)
document.getElementsByClassName()
5. css选择器查询一个元素节点对象(IE8及以上)
-->需要一个选择器的字符串作为参数 document.querySelector(".box div")-->如果满足条件的元素有多个,只会获取第一个-->document.querySelectorAll() 该方法和querySelector()用法类似,不同的是它会将符合条件的元素封装到一个类数组中返回,即使符合条件的元素只有一个也会返回数组