DOM文档 获取dom节点 ，使用document对象 通过函数来获取函数 利用循环来获取数据

 获取dom节点 ，使用document对象

// 获取DOM节点 使用的是document对象
        console.log(document.documentElement) //文档种所有的标签  html
        console.log(document.body) //获取文档中 body中的标签
        console.log(document.head) //获取文档中head中的标签

        // 获取
        var body = document.body
        var div1 = body.firstElementChild  //获取第一个元素
        var div2 = body.lastElementChild  //获取最后一个元素
        console.log(body.firstElementChild) //获取到的是body 的第一个元素
        console.log(body.firstChild) //获取到body 里面第一个元素的全部内容 (包括空格换行)
        console.log(body.lastElementChild) //获取到了body 最后一个标签的内容
        console.log(div1.nextElementSibling) //获取到div下面第一个相邻兄弟元素的下一个
        console.log(div2.previousElementSibling) //获取相邻兄弟元素的上一个

 通过函数来获取函数

 //通过函数来获取元素
        console.log(document.getElementById("div1")) // getElementById("div1") 获取元素的id
        console.log(document.getElementsByClassName("div2")) //获取的的 是 class 的值
        console.log(document.getElementsByName("sex")) //获取到的是属性name 的值
        console.log(document.getElementsByTagName("input")) //getElementsByTagName("input") 获取到标签名字

 利用循环来获取数据

console.log(document.querySelector("div")) //获取一个div
        console.log(document.querySelectorAll("div")) //获取全部的div 以数组的方式呈现
        //通过循环吧div输出
        var divs = document.querySelectorAll("div")
        for (let i = 0; i < divs.length; i++) {
            // const element = array[i];
            console.log(divs[i]) //获取标签里面的内容
        }