zoukankan      html  css  js  c++  java
  • css选择器querySelector

    * querySelector(css选择器)
    * 通过css选择器去获取一个元素
    * 它获取到的只有一个元素,如果说是有重复的,那它只取第一个
    *
    * 主语
    * document 从整个文档里去获取元素
    * 父级 从父级里去获取元素

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
    {#        #color>li:first-child{#}
    {#            background: #ff0000;#}
    {#        }#}
    {#        #}
    {#        #color>li:nth-child(4){#}
    {#            background: yellow;#}
    {#        }#}
        </style>
        <script>
            window.onload=function(){
                var red=document.querySelector('#color li:first-child');
                red.style.background='red';
    
                var ul=document.querySelector('.color2');
                ul.style.background='yellow';
            }
        </script>
    </head>
    <body>
    <ul id="color">
        <li>red</li>
        <li class="green">green</li>
        <li>blue</li>
        <li>yellow</li>
        <li>pink</li>
    </ul>
    <ul class="color2">
        <li>red</li>
        <li class="green">green</li>
        <li>blue</li>
        <li>yellow</li>
        <li>pink</li>
    </ul>
    </body>
    </html>
    

      

  • 相关阅读:
    博弈论嘻嘻
    cf之kmp匹配稍稍改一改
    点分治开始!
    后缀数组
    cf之 前缀和差分
    AJAX 数据库实例
    常用jar包用途
    cxf客户端所需最少jar包
    Dbutis
    dbutils入门
  • 原文地址:https://www.cnblogs.com/cqq-20151202/p/6638047.html
Copyright © 2011-2022 走看看