querySelectorAllで取得した要素をループする

for: 処理速度が一番早い

// 処理したいすべての要素を取得
const items = document.querySelectorAll(".list li");
// 各要素ごとに処理
for( let i = 0; i < items.length; i++ ){
	// items[i] で各要素にアクセスできる
}

forEach: 可読性が高い

document.querySelectorAll(".list li").forEach((item) => {
	// item で各要素にアクセスできる
});