获取页面元素

根据id获取getElementById

var Byid = document.getElementById("demo");
console.log(Byid);

根据标签名获取getElementsByTagName

        var ByTag = document.getElementsByTagName("p");
        console.log(ByTag);
        console.log(ByTag[0]);

通过类名获取getElementsByClassName（es6新增）

        var ByClass = document.getElementsByClassName("box");
        console.log(ByClass);

根据指定选择器返回第一个元素对象querySelector（低版本浏览器兼容性差）

        var First = document.querySelector("li");
        console.log(First);

根据指定选择器返回所有元素对象集合querySelectorAll（低版本浏览器兼容性差）

        var All = document.querySelectorAll("li");
        console.log(All);

获取body属性的内容document.body

        var Bodydemo = document.body;
        console.log(Bodydemo);

获取html属性的内容document.documentElement

        var Htmldmeo = document.documentElement;
        console.log(Htmldmeo);

控制台输出想要打印的元素的对象console.dir()，方便查看元素的属性和方法

console.dir(Byid);