// 获取元素的方法

---

 

                 // 1. getElementById() 根据id来获取           // 2. getElementsByTagName() 根据标签名来找           // 3. getElementsByClassName() 根据类名来获取   

        //  参数：字符串类型类名
        //  返回值：返回伪数组
        //  存有兼容问题 IE678不兼容

 

        // var lis = document.getElementsByClassName("demo");
        // console.log(lis);

 

        // 4. getElementsByName() 根据name属性来获取

        // 返回伪数组，适用于表单元素
        // var inps = document.getElementsByName("user");
        // console.log(inps);

 

        // 5. 根据css选择器来获取  H5提供

        //   css选择器： 类名 id 标签 子代 后代 交集 并集 ... 
        // document.querySelector();  // 返回一个元素 （第一个）
        // document.querySelectorAll(); // 返回伪数组
        //  IE678不兼容

 

 

        var li = document.querySelector("li"); // 参数写了标签选择器


        // var lis = document.querySelectorAll("li"); // 参数写了标签选择器
        // var lis = document.querySelectorAll(".demo"); // 参数写了类名选择器
        // var lis = document.querySelectorAll("li.demo");
        // var lis = document.querySelectorAll("ul li"); // 后代
        var lis = document.querySelectorAll("ul > li"); // 子代
        console.log(lis);

 

        // 注意点：         var box = document.querySelector("#box"); // id名不要落下#             // 对于类名不要落下 .                  var box2 = document.getElementById("#box"); // error ById方法只需要写id的名字，不要#         var box2 = document.getElementById("box"); // 正确

 

        // 小结：获取元素的方法         //  1. getElementById()  返回元素         //  2. getElementsByTagName()  返回伪数组         //  3. getElementsByClassName()  返回伪数组         //  4. getElementsByName()  返回伪数组         //  5. 通过css选择器来获取         //   1. querySelector()  第一个元素         //   1. querySelectorAll()  返回伪数组