当前位置: 首页 > news >正文

querySelector 和 querySelectorAll区别

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

<div class="myid1"></div>
<div class="myid2">
    <div class="one">1</div>
    <div class="two">2</div>
    <div class="three">3</div>
</div>
<div class="myid2"></div>
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>
<script type="text/javascript">
    
    var selector = document.querySelector('.myid2');
    var selector2 = document.querySelectorAll('.myid2');
    console.log(selector);//返回的是单个序号为一DOM元素
    console.log(selector2);//返回的是NodeList(节点列表),NodeList不是数组
    //像操作Array一样操作NodeList
    var arr = [];
    var list = document.getElementsByTagName('li');
    for(var i =0;i<list.length;i++ ){
        var li = list[i];
        arr.push(li);
    }
    console.log(arr);

    var selector3 = document.querySelector('.myid2').querySelectorAll('div ');
    console.log(selector3);//[div.one, div.two, div.three]
</script>

 

转载于:https://my.oschina.net/newgoup/blog/702949

相关文章:

  • 关于URI URL URN
  • 熊先生做原型之:简单、粗暴、有效
  • 解决苹果os 10.9 和 parallels desktop 8 兼容问题
  • 揭开JVM所看到的try/catch/finally
  • debian useful packages
  • 图形绘制-线段绘制相关
  • wget 命令用法详解
  • 介绍一个基于jQuery的Cookie操作插件
  • 并查集的应用
  • 37条常用Linux Shell命令组合
  • 运维小技巧:使用ss命令代替 netstat,和netstat说再见
  • 弹出框插件——dialog
  • 小强的HTML5移动开发之路(21)—— PhoneGap
  • dba基础课程-linux操作系统:系统信息命令
  • 定位被选中的select
  • Android Studio:GIT提交项目到远程仓库
  • extjs4学习之配置
  • Java 11 发布计划来了,已确定 3个 新特性!!
  • nginx 负载服务器优化
  • node学习系列之简单文件上传
  • ucore操作系统实验笔记 - 重新理解中断
  • 复杂数据处理
  • 给新手的新浪微博 SDK 集成教程【一】
  • 官方新出的 Kotlin 扩展库 KTX,到底帮你干了什么?
  • 检测对象或数组
  • 如何设计一个微型分布式架构?
  • 如何正确配置 Ubuntu 14.04 服务器?
  • 使用前端开发工具包WijmoJS - 创建自定义DropDownTree控件(包含源代码)
  • 使用权重正则化较少模型过拟合
  • 吐槽Javascript系列二:数组中的splice和slice方法
  • 微服务核心架构梳理
  • 我有几个粽子,和一个故事
  • 一个6年java程序员的工作感悟,写给还在迷茫的你
  • ​如何防止网络攻击?
  • #在线报价接单​再坚持一下 明天是真的周六.出现货 实单来谈
  • (175)FPGA门控时钟技术
  • (仿QQ聊天消息列表加载)wp7 listbox 列表项逐一加载的一种实现方式,以及加入渐显动画...
  • (分类)KNN算法- 参数调优
  • (附源码)spring boot车辆管理系统 毕业设计 031034
  • (简单) HDU 2612 Find a way,BFS。
  • (剑指Offer)面试题34:丑数
  • (每日持续更新)jdk api之StringBufferInputStream基础、应用、实战
  • (十二)springboot实战——SSE服务推送事件案例实现
  • (十三)Java springcloud B2B2C o2o多用户商城 springcloud架构 - SSO单点登录之OAuth2.0 根据token获取用户信息(4)...
  • (一)【Jmeter】JDK及Jmeter的安装部署及简单配置
  • (一)基于IDEA的JAVA基础10
  • (转)自己动手搭建Nginx+memcache+xdebug+php运行环境绿色版 For windows版
  • ****** 二十三 ******、软设笔记【数据库】-数据操作-常用关系操作、关系运算
  • ***详解账号泄露:全球约1亿用户已泄露
  • ./configure,make,make install的作用
  • .\OBJ\test1.axf: Error: L6230W: Ignoring --entry command. Cannot find argumen 'Reset_Handler'
  • .mat 文件的加载与创建 矩阵变图像? ∈ Matlab 使用笔记
  • .NET Core/Framework 创建委托以大幅度提高反射调用的性能
  • .Net 路由处理厉害了
  • .NET 使用 ILRepack 合并多个程序集(替代 ILMerge),避免引入额外的依赖