У меня есть функция JavaScript, которой я передаю параметр. Параметр представляет идентификатор элемента (скрытое поле) на моей веб-странице. Я хочу изменить значение этого элемента.

function myFunc(variable){
  var s= document.getElementById(variable);
  s.value = 'New value'
}

Когда я делаю это, я получаю ошибку, что значение не может быть установлено, потому что объект является нулевым. Но я знаю, что объект не является нулевым, потому что я вижу его в HTML-коде, сгенерированном браузером. В любом случае, я попробовал следующий код для отладки

function myFunc(variable){
  var x = variable;
  var y  = 'This-is-the-real-id'
  alert(x + ', ' + y)
  var s= document.getElementById(x);
  s.value = 'New value'
}

Когда появляется предупреждающее сообщение, оба параметра одинаковы, но я все равно получаю сообщение об ошибке. Но все работает нормально, когда я делаю

  var s= document.getElementById('This-is-the-real-id');
  s.value = 'New value'

Как я могу это исправить, пожалуйста

РЕДАКТИРОВАТЬ

Элемент, для которого я устанавливаю значение, является скрытым полем, и идентификатор определяется динамически при загрузке страницы. Я попытался добавить это в функцию $ (document) .ready, но не работает