将输入框的背景设置为红色

Question

对不起，我很抱歉。

我将一些错误检查代码添加到现有的（预建的）网站。我不能改变HTML。我需要改变的因素是：

<input type="text" name="Q_5533" size="4" value="1" class="form_input_general">

这是一个数量框。我需要将背景颜色更改为红色。所以基本上它更改为：

<input type="text" name="Q_5534" style="background-color: #ff3e3e" size="4" value="1" class="form_input_general">

每个页面上的元素名称的变化。我可以用得到它的代码：

var QuantityName ="Q_" + sProdRef;

我只是getDocument和setAttribute努力去改变它。我意识到这是非常基本的，我不能看到树木的木材。

请问有人可以帮我吗？

非常感谢

托尼

Answer 1

使用document.querySelector。它选择像CSS选择器的元素：

var quantityName = "Q_" + sProdRef; 
var element = document.querySelector('input[name=' + quantityName + ']'); 
element.style.backgroundColor = '#ff3e3e'; 

Answer 2

使用getElementsByName，它返回一个集合，所以第一场比赛应该这样做，是这样的：

var sProdRef = '5533'; // set somewhere before 

var QuantityName ="Q_" + sProdRef; 
document.getElementsByName(QuantityName)[0].style.backgroundColor='red'; 

小提琴这里：https://jsfiddle.net/pwwm169d/