查询li元素返回的NodeList为空，但实际上应该存在。

可以通过以下代码示例来解决该问题：

HTML 代码：

<ul id="my-list"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul>

JavaScript 代码：

// 此时该 NodeList 应该包含 3 个 li 元素，但实际上结果为空 const liList = document.querySelectorAll('#my-list li'); console.log(liList.length); // 0

// 通过添加延迟执行可以保证正确获取 li 元素 setTimeout(() => { const liListUpdated = document.querySelectorAll('#my-list li'); console.log(liListUpdated.length); // 3 }, 100);

在上述示例中，通过添加 100 毫秒的延迟执行，就可以确保在页面加载完毕并渲染了所有 li 元素之后再获取 NodeList，从而解决了查询 li 元素返回的 NodeList 为空的问题。