You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何将复选框值插入多个DIV的innerHTML?现有代码失效求助

问题分析与修复

原代码存在两个关键问题:

  • 重复调用querySelectorAll:elements已经是document.querySelectorAll()返回的NodeList元素集合,无需再次传入document.querySelectorAll()
  • 无法直接给NodeList设置innerHTML:NodeList是多个元素的集合,必须遍历每个元素单独赋值

修复后的代码:

const ids = ['acc-title-placeholder-3', 'acc-title-placeholder-4', 'acc-title-placeholder-5'];
const elements = document.querySelectorAll(ids.map(id => `#${id}`).join(', '));
const content = cb.checked ? cb.value : ' ';
// 遍历集合给每个元素设置内容
elements.forEach(el => {
  el.innerHTML = content;
});

额外优化建议:

  • 用const替代var,保持变量声明的一致性
  • 将变量名a改为语义化的content,提升代码可读性

内容的提问来源于stack exchange,提问作者frankieseattle

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.08 22:50:39