首页 > Web开发 > 详细

js 获取节点方法

时间:2018-09-03 01:46:06      阅读:185      评论:0      收藏:0      [点我收藏+]

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

js 获取节点方法

原文:https://www.cnblogs.com/badren/p/9575746.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!