如何选择使用JavaScript

Question

第三列表中的项目如何获得Java脚本第三li元素

我想用Java脚本

<ul> 
      <li>One</li> 
      <li>Two</li> 
      <li>Three</li> 
      <li>Four</li> 
      <li>Five</li> 
     </ul> 

Answer 1

选择第三个li元素可以使用:nth-child(3)选择第三个孩子

当你被标记的jQuery

$('ul li:nth-child(3)').css('color', 'red')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<ul> 
 
    <li>One</li> 
 
    <li>Two</li> 
 
    <li>Three</li> 
 
    <li>Four</li> 
 
    <li>Five</li> 
 
</ul>

使用 querySelector()

document.querySelector('ul li:nth-child(3)').style.color = 'red';

<ul> 
 
    <li>One</li> 
 
    <li>Two</li> 
 
    <li>Three</li> 
 
    <li>Four</li> 
 
    <li>Five</li> 
 
</ul>

Answer 2

您可以使用JavaScript代码在下面列表中选择第三个元素0

或者用纯JavaScript -

var listElem = document.getElementsByTagName("li")[2];