順序付けられていないリストの最後の5つのリスト要素を動的に選択する方法は？

Question

JavaScriptを使用して、HTMLで作成された順序付けられていないリストの最後の5つのリスト要素を選択するにはどうすればよいですか？

Answer 1

あなたは、スタックオーバーフローがコード書き込みサービスではありません

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>