獲取選擇器（單個(gè)）

語(yǔ)法：

document.querySelector("選擇器")

實(shí)例1：獲取id="username"的選擇器

<ul>
    <li id="name">Tom</li>
    <li id="age">26</li>
</ul>

<script>
    document.querySelector("#name").style.color="#EE3030";
</script>

實(shí)例2：獲取class="username"的選擇器

<ul>
    <li class="name">Tom</li>
    <li class="age">26</li>
</ul>

<script>
    document.querySelector(".name").style.color="#EE3030";
</script>

實(shí)例3：獲取ul下的li標(biāo)簽選擇器
注意：document.querySelector只返回一個(gè)選擇器，下例中雖然ul下有兩個(gè)li標(biāo)簽，但是影響到的只有第一個(gè)li標(biāo)簽。

<ul>
    <li>Tom</li>
    <li>26</li>
</ul>

<script>
    document.querySelector("ul li").style.color="#EE3030";
</script>

獲取選擇器（多個(gè)）

語(yǔ)法：

document.querySelectorAll("選擇器")

實(shí)例：獲取ul下的li標(biāo)簽選擇器

<ul>
    <li>Tom</li>
    <li>26</li>
</ul>

<script>
    var selector = document.querySelectorAll("ul li");
    selector[0].style.color="#EE3030";
    selector[1].style.color="#EE3030";
</script>