js 获取节点方法

旧版本获取节点
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"));

猜你喜欢

转载自www.cnblogs.com/badren/p/9575746.html