Javascript可以将背景颜色更改为特定颜色<；部门>；

我在表中有以下HTML代码：

$（函数（）{
$（“.numbers行”）.append（“+-”）；
$（“.button”）。在（“单击”，函数（）{
var$按钮=$（此按钮）；
var oldValue=$button.parent（）.find（“input”）.val（）；
var divut=document.getElementById（'french-hens'）；
如果（$button.text（）==“+”）{
var newVal=parseFloat（oldValue）+1；
}否则{
//不允许在零以下递减
如果（旧值>0）{
var newVal=parseFloat（oldValue）-1；
}否则{
newVal=0；
document.getElementById（“法国母鸡”）.style.background='orange'；
}
}
$button.parent（）.find（“input”）.val（newVal）；
});
});
您正在运行
document.getElementById（'french-hens'）
，它只返回一个元素（每个方法名称），即使您有多个id为'french-hens'的元素

相反，请尝试使用
document.getElementsByName（'french-hens'）
。这将为您提供一个数组，您必须循环遍历该数组，并将数组中每个元素的颜色设置为橙色

此外，id的意义在于它在页面上是唯一的。拥有多个id为“french hens”的元素违反了这一点

下面是一个例子：


var el1=document.createElement（'div'）；
var el2=document.createElement（'div'）；
el1.setAttribute（'id'，'test'）；
el2.setAttribute（'id'，'test'）；
el1.setAttribute（'name'，'test'）；
el2.setAttribute（'name'，'test'）；
文件.正文.附件（el1）；
文件.正文.附件（el2）；
var byId=document.getElementById（'test'）；
var byName=document.getElementsByName（'test'）；
log（'document.getElementById:\n'，byId）；
console.log（'document.getElementsByName:\n'，byName）
您正在运行
document.getElementById（'french-hens'）
，它只返回一个元素（每个方法名称），即使您有多个id为'french-hens'的元素

相反，请尝试使用
document.getElementsByName（'french-hens'）
。这将为您提供一个数组，您必须循环遍历该数组，并将数组中每个元素的颜色设置为橙色

此外，id的意义在于它在页面上是唯一的。拥有多个id为“french hens”的元素违反了这一点

下面是一个例子：


var el1=document.createElement（'div'）；
var el2=document.createElement（'div'）；
el1.setAttribute（'id'，'test'）；
el2.setAttribute（'id'，'test'）；
el1.setAttribute（'name'，'test'）；
el2.setAttribute（'name'，'test'）；
文件.正文.附件（el1）；
文件.正文.附件（el2）；
var byId=document.getElementById（'test'）；
var byName=document.getElementsByName（'test'）；
log（'document.getElementById:\n'，byId）；
console.log（'document.getElementsByName:\n'，byName）我同意Xeraq关于ID使用的观点

然而，为了得到我认为您想要的，您需要做的唯一一件事就是重用您已经使用过的一些代码背后的原则：

$button.parent().find("input").val(newVal);

将“.val”更改为“.css”：

请看这篇文章：
我同意Xeraq关于ID使用的观点

然而，为了得到我认为您想要的，您需要做的唯一一件事就是重用您已经使用过的一些代码背后的原则：

$button.parent().find("input").val(newVal);

将“.val”更改为“.css”：

看到这把小提琴：
但是当第一次加载页面时，如何将所有div都涂成橙色？如果我有误解，很抱歉，但我认为这种样式最好通过标签处理，如这里所述，但是当第一次加载页面时，如何将所有div涂成橙色？如果我有误解，很抱歉，但我认为这种样式最好通过标签来处理，如这里所述