如何通过Chrome控制台代码批量修改网页表格文本框值？

• 先排查你之前的问题：
  • document.getElementById返回null，说明页面里根本不存在这个ID的元素，直接放弃这个方法。
  • document.getElementsByName返回的是元素集合（NodeList），不能直接给整个集合赋值，必须逐个遍历修改。
• 针对输入框类价格元素的批量修改代码：
  如果你的价格输入框name都是LAYOUT_DONNEES_PRIX-2-xx这类格式，用属性选择器批量抓取后遍历赋值：

  // 抓取所有name以LAYOUT_DONNEES_PRIX-2-开头的输入框
  const priceInputs = document.querySelectorAll('input[name^="LAYOUT_DONNEES_PRIX-2-"]');
  // 遍历修改，若要对应不同数值，可把Excel导出的数值做成数组替换示例值
  priceInputs.forEach((input, index) => {
    // 示例：固定赋值1,00；如果是每行对应不同价，替换成你的数值数组[index]
    input.value = '1,00';
    // 部分页面需要触发输入事件才会识别修改，可选添加这行
    input.dispatchEvent(new Event('input'));
  });
  

• 针对表格单元格（非输入框）的修改代码：
  如果是直接修改表格单元格的文本，用以下代码：

  const priceCells = document.querySelectorAll('[id^="LAYOUT_DONNEES_PRIX-2-"]');
  priceCells.forEach(cell => {
    cell.textContent = '1,00';
  });
  

• 新手必看提示：
  1. 右键点击要修改的元素选「检查」，确认它的真实name/class/id，别凭印象写错。
  2. 若每行价格不同，把Excel里的数值整理成数组（比如const prices = ['1,00', '3,20', ...]），在遍历里用prices[index]赋值即可。

内容的提问来源于stack exchange，提问作者Jens G.