<ul>
        <li>我是第一個(gè)li標(biāo)簽</li>
        <li>我是第二個(gè)li標(biāo)簽</li>
        <li>我是第三個(gè)li標(biāo)簽</li>
        <li>我是第四個(gè)li標(biāo)簽</li>
        <li>我是第五個(gè)li標(biāo)簽</li>
        <li>我是第六個(gè)li標(biāo)簽</li>
        <li>我是第七個(gè)li標(biāo)簽</li>
 </ul>
<script>
    // // 獲取 整個(gè)文檔中 第一個(gè)標(biāo)簽名稱(chēng)是 div 的標(biāo)簽 
    // var oDiv1 = document.querySelector('div');
    // console.log( oDiv1 );
    // // 獲取 整個(gè)文檔中 所有標(biāo)簽名稱(chēng)是 div 的標(biāo)簽 
    // var oDivs = document.querySelectorAll('span');
    // console.log( oDivs );

    var oDiv1 = document.querySelector('div');  標(biāo)簽是div 的項(xiàng)
    console.log( oDiv1 );

    var oDiv2 = document.querySelector('#div1');  ID 為div1 的項(xiàng)
    console.log( oDiv2 );

    var oDiv3 = document.querySelector('.div2');  類(lèi)名  .div2 的項(xiàng)
    console.log( oDiv3 );

    var oDiv4 = document.querySelector('[name="div3"]');  name div3 的項(xiàng)
    console.log( oDiv4 );
    var oDiv5 = document.querySelectorAll('[name*="v"]'); 帶有 V 的項(xiàng)
    console.log( oDiv5 );

    var oUlLis1 = document.querySelectorAll( 'ul>li' ); ul 下的 li
    console.log( oUlLis1 );
    var oUlLis2 = document.querySelectorAll( 'ul>li:first-child' );第一個(gè)li
    console.log( oUlLis2 );
    var oUlLis3 = document.querySelectorAll( 'ul>li:last-child' ); 最后一個(gè)li
    console.log( oUlLis3 );
    var oUlLis4 = document.querySelectorAll( 'ul>li:nth-child(odd)' ); 奇數(shù)項(xiàng)
    console.log( oUlLis4 );
    var oUlLis5 = document.querySelectorAll( 'ul>li:nth-child(even)' );偶數(shù)項(xiàng)
    console.log( oUlLis5 );