Изменить атрибут объекта, используя значение входного тега?

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();'/>

Это вход.

---

edit: панель получает свое значение при щелчке по одному из диапазонов, поэтому я знаю, какой атрибут панели я изменяю. Панели на моей странице являются частью одного объекта. Интерфейсы - это массив моего объекта. idx - это объект, к которому осуществляется доступ.

Answer 1

Это прекрасно работает, если вы отбросили интерфейсы [idx]. Смотрите следующий пример http://jsfiddle.net/uX5sW/3/

Answer 2

http://jsfiddle.net/adCE6/ fsizes возвращает значение, когда я устанавливаю значение по умолчанию, предполагая, что панель не определена. Если он где-то установлен, убедитесь, что область действия правильная, добавьте префикс var, если его там еще нет. или если панель не является переменной, заключите ее в скобки.