JavaScript getElementById(array).style.borderColor 不起作用

Question

我想更改数组中对象的特定边框的颜色，但我不知道为什么它不会更改。

var x = [document.getElementById("SelectNro"), document.getElementById("SelectSubtype") ];     
document.getElementById(x[0]).style.borderColor="#FF0000";

Answer 1

x 已经是一个元素数组，所以你只需要做

x[0].style.borderColor = "#FF0000";

<小时/>

I don't know why it won't change

getElementById 的参数必须是字符串。您传递给它的任何参数都将隐式转换为字符串。将 DOM 元素转换为字符串会产生类似于 "[object HTMLDivElement]" 的结果，即 document.getElementById(x[0]) 将查找 ID 为 [object HTMLDivElement] (很可能不存在)。