document的属性和方法

    // 页面的主体内容  都存在document中 
    // 页面中的html 元素  可以通过document的相关方法获取和访问

    // document.getElementById()

    console.dir(document); // 查看document 所有属性方法

    // document的属性
    document.documentElement    // html元素
    document.title              // 设置和返回页面标题title
    document.head               // head元素
    document.body               // body元素

    document.url                // URL 返回当前文档的 URL
    document.all                // 文档中所有元素的集合
    document.images             // 页面中所有图片的集合
    document.links              // 页面中所有a的集合
    document.forms              // 页面中所有form的集合
    document.scripts            // 页面中所有scripts的集合

    document.bgcolor            //文档的背景色(权重较低)


    // document的方法
    // document.write()
    // document.getElementById()            //id
    // document.getElementsByClassName()    // class名  (返回一个集合)         
    // document.getElementsByName()         // name  属性 (返回一个集合 一般用于获取表单元素)        
    // document.getElementsByTagName()      // 标签名    (返回一个集合) 


    // 获取单个元素 时  注意通过下标取值
    // var tips = document.getElementsByClassName("tips")[0];
    // console.log(tips);

    // 多个元素时  遍历取值
    // var tips = document.getElementsByClassName("tips");
    // console.log(tips);

    // for (var i = 0; i < tips.length; i++) {
    //     var tip = tips[i];
    //     tip.onclick = function () {
    //         console.log(1111111);
    //     }
    // }

    // name 获取元素
    var hobbyList = document.getElementsByName("hobby");
    var aList = document.getElementsByName("a");

    // 标签名
    var inpList = document.getElementsByTagName("input");
    console.log(inpList);