JavaScript中經(jīng)常需要遍歷列表元素li進行查找、過濾或添加等操作。本文將介紹三種常用的遍歷li的方法。

1. 使用for循環(huán)遍歷li

var lis = document.getElementsByTagName('li'); // 獲取li元素集合
for (var i = 0; i < lis.length; i++) {
console.log(lis[i].innerText);
}

上述代碼通過getElementsByTagName方法獲取所有l(wèi)i元素，并使用for循環(huán)遍歷每個li元素，打印其innerText屬性。

2. 使用forEach方法遍歷li

var lis = document.querySelectorAll('li'); // 獲取li元素集合
lis.forEach(function (li) {
console.log(li.innerText);
});

上述代碼通過querySelectorAll方法獲取所有l(wèi)i元素，并使用forEach方法遍歷每個li元素，打印其innerText屬性。注意：此方法只能在現(xiàn)代瀏覽器中使用。

3. 使用jQuery遍歷li

$('li').each(function () {
console.log($(this).text());
});

上述代碼使用jQuery庫的each方法遍歷每個li元素，打印其text方法返回的文本內(nèi)容。

以上三種方法都可以遍歷li元素，但在使用時需要考慮性能和兼容性。