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