zoukankan      html  css  js  c++  java
  • 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(); 
    }); 
  • 相关阅读:
    100多个淘宝抢的双11红包怎么用?最多才能累积使用15个
    灵动标签调用友情链接
    台湾短片:《血战古.宁.头》
    discuz_style_default.xml 修改
    discuz门户文章页面模板修改
    ps快捷键
    拍摄好的图片,如何抠图去背景纯白..
    Centos6.5安装rabbmitmq蛋碎
    好用的YUM源
    python_函数的参数
  • 原文地址:https://www.cnblogs.com/zgxblog/p/11661852.html
Copyright © 2011-2022 走看看