如何动态选择无序列表的最后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>