在无法修改 html 结构的前提下，可通过内联脚本动态获取并隐藏当前 `
要在自动生成且不可编辑的表格中隐藏某一行（例如含敏感信息的“Password”行），关键在于：从 <td> 内部的内联脚本出发，向上定位其直接父元素 <tr>，然后将其隐藏。由于不能添加 class、id 或修改 <tr> 标签，document.querySelector('tr:nth-child(2)') 这类基于位置的选择器虽可行，但不具备上下文鲁棒性——一旦表格结构变动（如新增表头行、插入空行），序号就会错位，导致误隐藏。
✅ 推荐方案：使用 this 引用当前执行脚本的 <script> 元素，再逐级向上查找最近的 <tr> 父节点。虽然 <script> 本身不支持 this 指向自身（在普通内联脚本中 this 指向 window），但可通过 document.currentScript 安全获取当前执行的 script 标签，再利用 closest('tr') 向上匹配：
<table>
<tbody>
<tr>
<th>UserName</th>
<td>Bob</td>
</tr>
<tr>
<th>Password</th>
<td>Fred <script>document.currentScript.closest('tr').hidden = true;</script></td>
</tr>
</tbody>
</table>? 注意事项：
- document.currentScript 在所有现代浏览器（Chrome 29+、Firefox 4+、Edge 13+、Safari 15.4+）中均受支持；若需兼容极旧环境（如 IE），可改用 document.scripts[document.scripts.length - 1] 并校验 parentNode，但本场景建议优先保障简洁与可靠性。
- 使用 .hidden = true 是语义清晰、性能高效的方式（等价于 style.display = 'none'，但更符合标准，且保留元素在 DOM 中的逻辑位置）。
- 切勿使用 remove() —— 它会彻底移除节点，可能影响后续 JS 逻辑或服务端渲染一致性；而 hidden 属性可随时通过 hidden = false 恢复显示。
? 进阶提示：若需隐藏多行或按内容条件隐藏（如隐藏所有含 "Password" 的 <th> 所在行），可在外部 <script> 中统一处理：
立即学习“Java免费学习笔记（深入）”；
document.querySelectorAll('th').forEach(th => {
if (th.textContent.trim() === 'Password') {
th.closest('tr').hidden = true;
}
});但本题限定“仅能插入 <td> 内”，因此内联 closest('tr') 是最直接、安全、可维护的解法。
