zoukankan      html  css  js  c++  java
  • javascript之 原生document.querySelector和querySelectorAll方法

    querySelector和querySelectorAll是W3C提供的 新的查询接口,其主要特点如下:

    1、querySelector只返回匹配的第一个元素,如果没有匹配项,返回null。 
    2、querySelectorAll返回匹配的元素集合,如果没有匹配项,返回空的nodelist(节点数组)。 
    3、返回的结果是静态的,之后对document结构的改变不会影响到之前取到的结果。 
     
    这两个方法都可以接受三种类型的参数:id(#),class(.),标签,很像jquery的选择器。
     
    var obj = document.querySelector("#id");
    var obj = document.querySelector(".classname");
    var obj = document.querySelector("div");
    var el = document.body.querySelector("style[type='text/css'], style:not([type])");
    var elements = document.querySelectorAll("#score>tbody>tr>td:nth-of-type(2)");
    var elements = document.querySelectorAll("#id1, #id2, .class1, class2, div a, #list li img");
  • 相关阅读:
    NTP服务器
    sublime中文设置
    13、软件定时器
    晶振和CPU周期
    红外通信协议
    KEIL使用时的一些配置
    STM32 的内部 FLASH
    STM32的程序下载
    2、触摸屏
    目录
  • 原文地址:https://www.cnblogs.com/smivico/p/7885800.html
Copyright © 2011-2022 走看看