dom对象

dom是对象
DOM是以层次结构组织的节点或信息片断的集合。文档对象模型（Document Object Model）是给HTML与XML文件使用的一组API。DOM的本质是建立网页与脚本语言或程序语言沟通的桥梁。

  // 2：所有的HTML标签都是dom兑现
    // 3：只有dom对象才能使用dom下的api
    // box 存dom对象
    var box =document.getElementById('box')
    console.log(box)
    // btns 数组  getElementsByClassName() 返回值是数组
    var btns = document.getElementsByClassName('btn')
    // btn 元素对象
    var btn = btns[0]   
    // divs  数组  getElementsByTagName() 返回值是数组
    var divs = document.getElementsByTagName('div')
    // ipt 数组 getElementsByName()选取所有的name标签
    var ipt = document.getElementsByName('username')
    // querySelectorAll() 参数为元素，选中所有的元素
    var el = document.querySelectorAll('button')
    // 总结：dom选择器作用：找到标签对其进行js操作
        //   2：所有对标签的操作：一般都是dom操作，需要被操作的变量必须是dom对象