td 元素默认不可聚焦，需添加 tabindex 属性使其可聚焦，再调用元素自身的 focus() 方法，而非其 textContent。
`td` 元素默认不可聚焦，需添加 `tabindex` 属性使其可聚焦，再调用元素自身的 `focus()` 方法，而非其 `textcontent`。
在 Web 开发中，我们常需要程序化地将焦点定位到特定 DOM 元素上，以提升可访问性或实现交互逻辑。但需要注意：HTML 中的 ✅ 正确做法分两步： 以下是完整、健壮的实现示例： ? 注意事项与优化建议： 立即学习“前端免费学习笔记（深入）”；<td> 元素默认不属于可聚焦元素（focusable），它不像 <code><input>、<button></button> 或带 tabindex 的元素那样原生支持 focus() 方法。因此，当你写 td.textContent.focus() 时，不仅对象错误（textContent 是字符串，无 focus 方法），而且逻辑也不成立——焦点应作用于 DOM 元素本身。<td> 可聚焦：通过设置 <code>tabindex="-1"（推荐值），既允许脚本调用 .focus()，又不改变默认 Tab 键导航顺序；<td> 元素调用 <code>.focus()：而非对其文本内容（textContent 是只读字符串，没有 DOM 方法）。window.addEventListener('DOMContentLoaded', () => {
const tds = document.querySelectorAll('td');
tds.forEach(td => {
// 使用严格相等（===），避免空格/换行导致匹配失败
if (td.textContent.trim() === 'Survey (Notes)') {
td.setAttribute('tabindex', '-1');
td.focus();
}
});
});
DOMContentLoaded 替代 window.onload，确保 DOM 加载完成即可执行，无需等待图片等资源；.trim() 清除首尾空白符，避免因 HTML 换行缩进导致 textContent 包含多余空格而匹配失败；<td>（因遍历顺序）。如需聚焦首个，可用 <code>break 或改用 Array.from(tds).find(...)；tabindex="-1" 后，该 <td> 将可通过键盘 <code>Tab 键跳转（若用户手动按 Shift+Tab 等），如需完全禁用键盘导航仅保留脚本聚焦，可后续移除 tabindex（但聚焦后立即移除可能导致焦点丢失，不推荐）；<td> 添加临时视觉提示（如 outline 或 CSS class），帮助屏幕阅读器和键盘用户感知当前焦点位置。<p>总之，聚焦 <code><td> 的核心在于“先赋能，再聚焦”——赋予其可聚焦能力是前提，操作目标必须是 DOM 元素本身。</td>
