js 获取节点方法

Posted 2021-01-03 badren

旧版本获取节点
1、获取body
        console.log(document.body);

2、获取img
        console.log(document.images);

3、获取a标签
        console.log(document.links);

4、获取含有name属性的a标签
        console.log(document.anchors);

5、获取form标签


        console.log(document.forms);

获取节点的方法
新版本获取节点的方法：DOM2
1、通过id获取,可以交给一个变量保存（括号里写id名）


        let a = document.getElementById("box");
        console.log(a);
 2、通过class获取（获取到的是数组）


        console.log(document.getElementsByClassName("1"));
3、通过标签名获取（获取到的是数组）


        console.log(document.getElementsByTagName("div"));
4、通过name属性获取（获取到的是数组）


        console.log(document.getElementsByName(2));

 html5获取节点方法
 1、获取到的是满足选择器的第一个标签（括号里写css选择器）


        console.log(document.querySelector(".box1>p"));


 2、获取到的是数组（括号里写css选择器）


        console.log(document.querySelectorAll(".box1>p"));