1. 获取body标签

  1. var body = document.getElementsByTagName('body')[0]
  2. console.log(body)
  3. :在document中有一个属性body,它保存的是body的引用
  4. var body = document.body
  5. console.log(body)

2. 获取html标签

  1. --> document中的html保存的是html的根标签
  2. var html = domcument.documentElement

3. 获取页面的所有元素

  1. var all = document.all
  2. var all = document.getElementsByTagName('*')

4. 根据元素的class属性值查询一组元素节点对象(不支持IE8及以下)

  1. document.getElementsByClassName()

5. css选择器查询一个元素节点对象(IE8及以上)

  1. -->需要一个选择器的字符串作为参数
  2. document.querySelector(".box div")
  3. -->如果满足条件的元素有多个,只会获取第一个
  4. -->document.querySelectorAll()
  5. 该方法和querySelector()用法类似,不同的是它会将符合条件的元素封装到一个类数组中返回,即使符合条件的元素只有一个也会返回数组