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来改变它。我意识到这是非常基本的，我无法看到树木。

请有人帮帮我吗？

非常感谢

Tony

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/

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

2 个答案: