如何在同一表格单元格中显示两个带括号包裹的动态数据

✅ 正确的 html 结构（保持语义清晰）

? 建议将 替换为 （或保留 但设 display: inline），避免默认换行。 更符合内联文本容器的语义，也省去额外 css。

✅ javaScript 动态赋值（含格式化）

// 假设已从 js 接口/变量获取数据 const r_laps_recieved = "15"; const r_dfs_recieved = "3.2";  // 获取 dom 元素 const r_laps = document.getElementById("r_laps"); const r_dfs = document.getElementById("r_dfs");  // 写入内容：第一项直写，第二项加括号 r_laps.textContent = r_laps_recieved; r_dfs.textContent = `(${r_dfs_recieved})`;

✅ 输出效果：15 (3.2)（无空格、无换行、严格同行）

⚠️ 注意事项与优化建议

• 避免 innerHTML 直接拼接未转义内容：若数据含 HTML 特殊字符（如
• 空格控制：如需 r_laps 与 (r_dfs) 之间有空格，可在 r_laps.textContent 后追加  ，或更推荐用 CSS：

  .rcelldata span + span { margin-left: 4px; }

• 响应式健壮性：确保 getElementById 执行前 DOM 已就绪（放在 DOMContentLoaded 事件中或脚本置于