JavaScript « заменить valuе у инпутов

Пытаюсь вывести циклом value из массива в input, но что-то не выходит.
Ошибка "TypeError: document.getElementById(...) is null"

/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }
window.onload = function(){
uah = 7.99;

arrVal =  Array.prototype.map.call( document.querySelectorAll("input[id^=cart_price]"), function( elem ) {
    return {'data' : elem.value, 'id' : elem.id};
});
console.log(arrVal[0].data);
for (var i in arrVal)
{  
  document.getElementById('#' + arrVal[i].id).value = arrVal[i].data * uah;    
}
 
}


/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .html4strict.geshi_code {font-family:monospace;} .html4strict.geshi_code .imp {font-weight: bold; color: red;} .html4strict.geshi_code .kw2 {color: #000000; font-weight: bold;} .html4strict.geshi_code .kw3 {color: #000066;} .html4strict.geshi_code .es0 {color: #000099; font-weight: bold;} .html4strict.geshi_code .br0 {color: #66cc66;} .html4strict.geshi_code .sy0 {color: #66cc66;} .html4strict.geshi_code .st0 {color: #ff0000;} .html4strict.geshi_code .nu0 {color: #cc66cc;} .html4strict.geshi_code .sc-1 {color: #808080; font-style: italic;} .html4strict.geshi_code .sc0 {color: #00bbdd;} .html4strict.geshi_code .sc1 {color: #ddbb00;} .html4strict.geshi_code .sc2 {color: #009900;} .html4strict.geshi_code span.xtra { display:block; }
<input type="hidden" name="my-item-price" id="cart_price046" value="" />
<input type="hidden" name="my-item-price" id="cart_price047" value="" />
0
for javascript map

1 ответов

Функция "getElementById", в отличии от функции "querySelector", в качестве аргумента принимает непосредственно идентификатор. Чтобы исправить Вашу ошибку используйте

document.getElementById(arrVal[i].id)

или
document.querySelector('#' + arrVal[i].id)
Второе предпочтительнее
0