怎么用js获取ul下的li标签
思否 问答 👍 3 含 AI 优化版
问题
怎么用js获取ul下的li标签
由大模型辅助整理，保留原意，优化结构与可读性。
问题概述
提问者想用 JavaScript 获取某个 <ul> 元素下所有直接子元素 <li> 标签。
涉及技术
JavaScript、DOM 选择器
期望结果
得到一段可直接使用的代码，能准确选中 ul 下的 li 标签列表。
回答
原始回答
document.querySelectorAll('#uu>li')
AI 优化 · 回答整理
解答思路
使用 document.querySelectorAll 配合 CSS 子选择器 >，可以精确获取某个元素下的直接子元素。
示例代码
document.querySelectorAll('#uu>li');
详细说明
#uu>li 是一个 CSS 子选择器，表示“id 为 uu 的元素下的直接子级 li 标签”，不会选中嵌套在更深层级（比如 li 内部又套了一层 ul>li）的元素。querySelectorAll 会返回一个 NodeList，包含所有匹配的 li 元素，可以用 for 循环或 Array.from(...).forEach() 进一步遍历处理。如果只需要第一个匹配项，可以改用 querySelector。
小结
获取某个 ul 下的所有 li，用 document.querySelectorAll('#uu>li') 即可；子选择器 > 能保证只取直接子元素，避免误选中嵌套结构里的同名标签。
由大模型辅助整理，保留原意，补充结构与代码格式。
回答转载自 SegmentFault