如何動態選擇無序列表的最後5個列表元素？

Question

使用javascript，我如何選擇用HTML創建的無序列表中的最後5個列表元素？

Answer 1

您可以使用CSS選擇

element.querySelectorAll(":nth-last-child(-n+5)") 

Answer 2

var list = document.querySelector('ul'); 
 
    var children = list.children; 
 
    var len = children.length; 
 
    for(var i = len; i >= len-5; i--){ 
 
    children[i-1].style.color = "red"; 
 
    } 
 

<ul> 
 
    <li>1</li> 
 
    <li>2</li> 
 
    <li>3</li> 
 
    <li>4</li> 
 
    <li>5</li> 
 
    <li>6</li> 
 
    <li>7</li> 
 
    <li>8</li> 
 
<ul>