JS高级编程 - - day03

一、获取节点示例的方法

直接获取节点实例：
1.通过内置对象 document 获取，document对象是HTMLDocument的实例
2.获取根元素的实例：document.documentElement–html标签产生的实例,所属类为HTMLHtmlElement

<script>
        let hm = document.documentElement;
        console.log(hm);
    </script>

3.获取body节点实例：document.body–body实例, 所属类为HTMLBodyElement

<script>
        let hm = document.body;
        console.log(hm);
    </script>

4.获取head节点实例：document.head–head实例, 所属类为HTMLHeadElement

通过方法来获取实例：
1.document.querySelector(“属性选择器”)找到在文档内第一个符合对应选择器的实例
2.document.querySelectorAll(“属性选择器”)找到在文档内全部符合对应选择器的实例，并且按顺序放在一个类数组中返回
3.document.getElementById(“id值”)找到文档内第一个符合相应Id值的实例
4.document.getElementsByTagName（”标签名“）找到文档内全部对应标签名的实例，按顺序放入一个类数组中返回，等同于document.querySelectorAll("元素选器）
5.document.getElementsByName（”name属性的值“）找到文档内全部符合相应name值的实例，按顺序放入类数组中返回
6.document.getElementsByClassName(“class属性的值”)找到文档内全部符合相应class值的实例，按顺序放入类数组中返回

注意：以上方法的document可以换成任意的一个实例ele，ele可以调用以上所有方法，并且不再是在文档中