#如何借助dom选择第二个li并改变它的颜色？下面的代码是否有效

Question

    <ul>
        <li>one</li>
        <li>Two</li>
        <li>Three</li>
    </ul>

const li_second=document.querySelector('li:two').style.backgroundColor="red";

我已经尝试过上面的代码行

Answer 1

您的选择器有误。您应该使用

li:two

来选择第二个

li:nth-child(2)

元素

，而不是使用 

<li>

const li_second = document.querySelector('li:nth-child(2)');
li_second.style.backgroundColor = 'red';