javascript - JavaScript 函数参数语句

Question

我的问题是：（仅作为示例，总体上一定没有意义）：

// make a function and pass part of the statement as argument
function ExampleFunction( argument ) {
    document.getElementById('TestID')[0].style.argument = '#f00';
}

// then later onload
ExampleFunction( background );

我发现它不能以这种方式工作，但我不知道它是如何正确的。如果有人能纠正这个例子，让我在路上送我，我会非常高兴和感激。

Answer 1

首先document.getElementById返回单个元素（如果没有找到元素，则返回 null），所以 not [0]。其次，如果您想动态引用属性，请使用[]符号

// make a function and pass part of the statement as argument
function ExampleFunction( argument ) {
    document.getElementById('TestID').style[argument] = '#f00';
}

// then later onload
ExampleFunction( 'background' );

http://jsfiddle.net/HM3mu/

Answer 2

getElementById 返回单个元素而不是集合。

正确的代码是：

document.getElementById('TestID').style.background = '#f00';