使用控制台代码更改 HTML 文本框值

Question

首先，我必须说，我在这个领域还算不上菜鸟。 我整个早上都在思考一个问题。

我想做的事： 我经常需要更改 Web 界面上表格中的价格（200 多行）。为了改进这一点，我已经有一个 Excel VBA 文件来计算正确的值，现在我想删除浏览器中 200 多行的手动输入。 我只需要“视觉上”更改它，因为我可以保存之后的值。

我认为这有望通过 Chrome 中的检查控制台来完成。 如果我更改代码中的值（红色边框值=“3.33”到我想要的任何值），它会手动工作。 现在我正在尝试找到正确的代码来在控制台中更改它，而无需单击代码。
我已经尝试过

document.getElementById('LAYOUT_DONNEES_PRIX-2-16-cell').value='1,00';

或

document.getElementByName('LAYOUT_DONNEES_PRIX-2-16').value='1,00';

但没有成功。 （左截图）。 可以看到 document.getElementsById 返回“null”，document.getElementsByName 返回 NodeList。

正如我已经告诉过你的，我对此完全是菜鸟，所以希望你能轻松地告诉我我需要选择什么参数。

如果您需要代码或其他任何其他信息，请告诉我。

截图：

Answer 1

试试这个代码：

var newValue = '5.00'; // Replace '3.33' with the desired new value

var elements = document.querySelectorAll('input[value="3.33"]');

for (var i = 0; i < elements.length; i++) {
    elements[i].value = newValue;
}