如何通过内联脚本隐藏 HTML 表格中的当前行

在无法修改 `

` 标签的前提下，可通过 `document.currentscript` 获取当前执行的 `

✅ 为什么用 hidden = true 而非 style.display = 'none'？ hidden 是 html5 原生布尔属性，语义明确，且会正确影响可访问性（屏幕阅读器将跳过该行）； 它比内联 display: none 更轻量，不干扰 css 层叠逻辑； 支持所有现代浏览器（chrome 19+、firefox 23+、edge 12+、safari 6+）。

⚠️ 注意事项：

• document.currentScript 在异步脚本（async/defer）中可能为 NULL，但此处为同步内联脚本，完全安全；
• closest('tr') 严格向上查找第一个匹配的祖先 ，即使嵌套多层（如
  ），仍能准确捕获目标行；

• 若需兼容老旧浏览器（如 IE11），可降级使用 myscript.parentnode.parentNode（假设

总结：此方法以最小侵入性、最高可靠性解决了“动态隐藏指定生成行”的典型运维难题——无需预设标识、不依赖外部 js 库、代码简洁可复用，是处理受限 HTML 场景下的最佳实践之一。

立即学习“前端免费学习笔记（深入）”；