使用输入标记的值更改对象的属性？

Question

我正在尝试仅更改特定对象的值，但是该值是从我正在使用 getElementById()的输入标记中获取的。 我收到一条错误消息，指出我无法调用未定义的 getElementById()

interfaces[idx].document.getElementById(panel).style.fontSize = document.getElementById('fsizes').value +'px';

和

document.getElementById(panel).style.fontSize = interfaces[idx].document.getElementById('fsizes').value +'px';

两者似乎都不起作用。

<input type="text" name="fsize" id = 'fsizes' onchange = 'changeSize();'/>

这是输入。

---

编辑：面板在其中一个跨度被点击时获取其值，因此我知道哪个面板的属性我正在改变。我页面上的面板是一个对象的一部分。 接口是我的对象的数组。 idx是访问哪个对象。

Answer 1

当我设置默认值时，

http://jsfiddle.net/adCE6/ fsizes返回一个值，猜测该面板是未定义的。如果你将它设置在某处确保范围是正确的，那么如果它不存在则用var作为前缀。或者如果panel不是变量，则将其括在括号中。

Answer 2

如果删除接口[idx]，这可以正常工作。请参阅以下示例http://jsfiddle.net/uX5sW/3/