遍历class名为‘list’的ul下的所有li元素

Question

遍历class名为‘list’的ul下的所有li元素

Answer 1

document.querySelectorAll('ul.list > li').forEach((el) => console.log(el));

Answer 2

let _list = document.getElementsByClassName('list')
for(let i = 0;i < _list.length; i++){
    let  _li = _list[i].getElementsByTagName('li')
    _li.style.color = 'red'
}

Answer 3

document.querySelectorAll('ul.list li').forEach(item => console.log(item))

如果在控制台使用的话：

$$('ul.list li').forEach(console.log);