filter()不能直接用于NodeList，需用Array.from()转数组；多条件筛选须用&&连接并处理空值，避免链式调用；文本比对前需trim()；显隐控制应统一用CSS类而非display属性。
直接用 filter() 对 DOM 元素做多条件筛选，本质是「把每行当一个数据项，逐个判断是否满足所有非空条件」。它不是为 DOM 设计的 API，但配合 Array.from() 转换后非常干净——前提是别误以为它能自动处理空值、大小写或文本清洗。
为什么 NodeList 不能直接调用 filter()
document.querySelectorAll() 返回的是 NodeList，不是数组，没有 filter() 方法。强行调用会报 TypeError: NodeList.filter is not a function。
- 必须先转成真数组：
Array.from(document.querySelectorAll('tr'))或[...document.querySelectorAll('tr')] - 不要用
Array.prototype.filter.call(nodeList, ...)—— 兼容性差，且在某些旧版 Safari 中会静默失败 - 如果只操作
<tbody> 下的行，务必限定范围：<code>document.querySelectorAll('#my-table tbody tr')，避免把表头、分页栏也卷进来多条件“与”逻辑怎么写才不漏行
每个条件默认返回
true（即“不限制该字段”），再用&&连接。错写成链式.filter().filter()会导致中间某次过滤清空结果，后续条件无数据可判。
htmlppt.skill下载把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
- 正确写法：
items.filter(row => (nameVal ? row.cells[0].textContent.includes(nameVal) : true) && (deptVal ? row.dataset.dept === deptVal : true)) - 避免用
toLowerCase().includes()直接比对用户输入——用户输大写“JOHN”，你把单元格文本转小写再查，没问题；但若单元格本身含 HTML 标签或空格，textContent会带多余空白，得先trim() - 精确匹配优先用
===和dataset属性（如row.dataset.status === 'active'），比解析文本快且稳定
input 值为空时容易被忽略的陷阱
用户清空某个搜索框，对应变量值是空字符串
''，不是undefined或null。若用if (val)判断，空字符串会被当成 false，但这是对的；真正容易错的是反向逻辑——比如误写成if (!val)后直接return false，导致整行被排除。立即学习“前端免费学习笔记（深入）”；
- 安全写法统一用：
!val || conditionIsMet，例如!nameVal || row.cells[0].textContent.trim().includes(nameVal) - select 的空选项 value 应设为
""（不是"all"或"-1"），否则value === ""判断失效 - checkbox 多选时，别用
value.split(',')解析——浏览器提交的是多个同名项，JS 里应收集所有checked的value，用Set去重再参与过滤
最常被跳过的一步：筛选前先统一隐藏所有行，再只显示
filter()返回的匹配项。靠display = ''还原原始样式不可靠——元素原本是flex或grid，设空字符串不会恢复布局模式，得提前存getComputedStyle(el).display或统一用classList.toggle('hidden')控制显隐。 - 正确写法：
