如何選擇使用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];