多个对象操作

对象中选择

<div>
    <li class='active'></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</div>

1. 获取所有 li

const lis = document.querySelectorAll('li')
console.log(lis) // NodeList(7) [li, li, li, li, li, li, li]

2. 定时器

let index = 0

const lis = document.querySelectorAll('li')
let list = lis.length

setInterval(() => {
    index++
},1000)