DOM节点的获取

//    1.通过id名获取元素 （单个）
        var div_sj = document.getElementById("sj")
        console.log(div_sj);
        //  2. 通过标签名获取元素（多个）
        var h1List = document.getElementsByTagName("h1")
        console.log(h1List);
        //   3. 通过类名获取元素（多个） ,返回结果 伪数组，类数组
        var txtS = document.getElementsByClassName("txt");
        console.log(txtS);

        // 4.通过name获取元素（多个）
        var input_radio = document.getElementsByName("sex");

        console.log(input_radio);

        // 5.html5版本新增   document.querySelector("css选择器")（单个）
        var p = document.querySelector(".aaa");
        console.log(p)

        // 6. document.querySelectorAll("css选择器") (多个)
        var list = document.querySelectorAll("ul>li");
        console.log(list)



        // 通过别名获取：（不推荐）
        /*    document.title // 标题
           document.head // 头部
           document.body // 主体
           document.images // 文档上所有的图片
           document.all // 获取文档所有的节点
           document.anchors // 获取锚点。
           document.forms // 获取所有表单
           document.scripts // 获取所有脚本 */
        // console.log( document.scripts[0].innerText)