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()用法类似,不同的是它会将符合条件的元素封装到一个类数组中返回,即使符合条件的元素只有一个也会返回数组