用 DOM 获取页面的元素方法集合

document.getElementById('id名')            // 获取页面设置指定 id 的元素

document.getElementsByTagName('标签名')           // 获取页面上所有的指定标签

document.getElementsByClassName('class名')       // 获取页面设置指定 class 的元素

H5 新增方法

document.querySelector('#id 或 .class 或 li标签')   // querySelector 返回指定选择器的第一个元素对象  切记 里面的选择器需要加符号 .box  #nav

document.querySelectorAll('#id 或 .class 或 li标签')  // querySelectorAll()返回指定选择器的所有元素对象集合

 

获取特殊元素

1.  获取 body 元素

var bodyEle = document.body;

2.获取 html 元素

var htmlEle = document.documentElement;