码迷,mamicode.com
首页 > Web开发 > 详细

js 获取节点方法

时间:2018-09-03 02:12:05      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:ons   新版   nbsp   htm   一个   签名   css选择器   links   rms   

旧版本获取节点
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 获取节点方法

标签:ons   新版   nbsp   htm   一个   签名   css选择器   links   rms   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!