为<tr>添加唯一id是最简单有效的DOM定位方式，建议语义化命名如id="user-row-1001"，配合dataset存储多维业务标识，避免依赖rowIndex或class模拟ID。
直接给 <tr> 加 id 属性是最简单有效的方式
HTML 表格行本身没有“内置 ID 机制”，但 <tr> 是合法的、可自由添加 id 的元素。只要确保 ID 值全局唯一（同一页面不重复），JS 就能用 document.getElementById() 或 querySelector() 精准选中——这是最直接、兼容性最好、性能也最优的做法。
常见错误是试图用 data- 属性替代 id，结果在 JS 中反复调用 querySelectorAll('tr[data-id="123"]')，既慢又冗余；或者误以为必须靠 rowIndex 动态计算位置，其实完全没必要。
-
id值建议用语义化命名，比如id="user-row-1001"，避免纯数字如id="1"（易与数字型属性混淆，且不符合 HTML ID 命名规范） - 服务端渲染时，可在生成
<tr>时直接注入 ID；前端动态插入行时，务必在insertRow()后立即设置tr.id = "xxx" - 不要用
name或class模拟 ID——class用于样式或批量操作，name在<tr>上无效
用 dataset 配合 id 处理复合标识场景
当一行数据需要多个业务标识（比如同时有数据库主键、租户 ID、版本号），只靠一个 id 不够直观或易维护，这时可以保留 id 用于 DOM 快速查找，再用 data- 属性存额外字段。
例如：<tr id="order-row-789" data-order-id="789" data-tenant="cn-east" data-version="2">。JS 中可通过 tr.dataset.orderId 直接读取，比解析 id 字符串更安全可靠。
立即学习“前端免费学习笔记（深入）”；
将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。
-
dataset自动将连字符转为驼峰（data-user-role→tr.dataset.userRole），注意大小写规则 - 不要把敏感信息（如用户手机号）直接塞进
data-属性，ID 也不应暴露不可公开的内部键值 - 如果只是临时标记状态（如“正在编辑”），用
classList.add('editing')比新增data-editing="true"更符合语义
避免用 rowIndex 或 sectionRowIndex 当唯一标识
tr.rowIndex 返回的是该行在整个 <table> 中的索引（含 <thead>），tr.sectionRowIndex 是在当前 <tbody> 内的索引——它们会随 DOM 动态增删、排序、隐藏而实时变化，根本不是稳定标识。
典型翻车场景：表格启用了排序或分页，用户点击某行后执行 table.rows[5].querySelector('.status')，结果拿到的是另一行的数据。
- 仅在一次性遍历、无交互变更的静态表格中，
rowIndex可作临时索引，切勿存入变量长期引用 - 若需按顺序操作所有行，用
Array.from(tbody.querySelectorAll('tr'))转数组再forEach，比依赖rows类数组更可控 - 想实现“点击行高亮”，优先用事件委托 +
e.target.closest('tr')获取当前行，而不是记录点击时的rowIndex
动态生成表格时 ID 冲突和内存泄漏风险
前端用 JS 批量生成大量 <tr> 并设 ID 时，容易忽略两个现实问题：一是 ID 重复（比如循环中固定写 id="item"），二是旧行未移除却仍被闭包或事件监听器引用，导致无法 GC。
例如用 innerHTML += '<tr id="row-' + i + '">...</tr>' 拼接，若多次执行且未清空容器，就会产生重复 ID；又或者给每行绑定 click 事件却不解绑，旧行 DOM 虽已移除，但监听函数仍持引用。
- 生成前先清理容器：
tbody.innerHTML = ''，或用while (tbody.firstChild) tbody.removeChild(tbody.firstChild) - 用
document.createDocumentFragment()批量插入，比反复操作innerHTML更安全高效 - 事件监听优先用事件委托（绑定到
<tbody>），避免为每一行单独addEventListener
{ id: 1001, name: 'Alice' }，你该存进 tr.dataset.apiId 或挂到 tr.__data__ = {...}，而不是只靠 id="1001" 反向查数据。否则一旦 ID 格式调整（比如加前缀），所有依赖字符串解析的逻辑就全得改。 
