• DOM API querySelector与querySelectorAll的用法


    DOM API querySelector与querySelectorAll的用法:  http://www.qttc.net/201309371.html

    querySelectorAll与querySelector的区别是querySelectorAll找出所有匹配的节点并返回数组,querySelector找到一个后就返回节点对象。

    找出所有标签 document.querySelectorAll("*")

    找出head下所有的标签 document.head.querySelectorAll("*")

     

    找出body标签下的第一个div标签

     

    document.body.querySelectorAll("div")[0]

     

    document.body.querySelector("div")

    找出所有class=box的标签 document.querySelectorAll(".box")

    找出所有class=boxdiv标签 document.querySelectorAll("div.box")

    找出所有id=lost的标签 document.querySelectorAll("#lost")

    找出所有p标签并且id=lost的标签 document.querySelectorAll("p#lost")

    找出所有name=qttc的标签 document.querySelectorAll("*[name=qttc]")

    找出所有存在name属性的标签 document.querySelectorAll("*[name]")

    document.querySelectorAll("p.hot[name]")

    document.querySelectorAll("p[class=hot][name]")

    在 document 中选取 class 为 test 的 div 的子元素 p 的第一个子元素 

    document.querySelector("div.test>p:first-child");

    document.querySelectorAll("div.test>p:first-child")[0];

    使用 querySelectorAll 给所有 class 为 emphasis 的元素加粗显示

    varemphasisText = document.querySelectorAll(".emphasis");

    for( vari = 0 , j = emphasisText.length ; i < j ; i++ )

    {

             emphasisText[i].style.fontWeight = "bold";

    }

        document.querySelector('button').addEventListener('click', function(){  
            logger.updateCount();  
        });  
    

     

     

  • 相关阅读:
    iOS:真机调试
    iOS:MBProgressHUD的基本使用
    CocoaPods安装小步骤
    PictureBox 双缓冲防止闪屏
    两招小办法对付宝宝发烧、咳嗽。超级管用哈
    (转)经纬度坐标转换为屏幕坐标
    解决eclipse不识别Android手机的问题
    利用FFmpeg将RTSP转码成RTMP发布在RED5
    vlc做转发的命令
    字符编码
  • 原文地址:https://www.cnblogs.com/zhuiluoyu/p/4904488.html
走看看 - 开发者的网上家园