Сообщение от lammeR
|
|
Ещё минус в том, что каждый раз надо искать элементы по id.
|
а кто мешает инпуты засунуть в ассоциативный массив:
<html>
<head>
</head>
<body>
<div id="infoWrapper">
<p>Ширина: <input type="text" id="width"></p>
<p>Высота: <input type="text" id="height"></p>
<p>Площадь: <input type="text" id="area"></p>
</div>
<script type="text/javascript">
var myInputs = {};
Array.prototype.forEach.call(document.querySelectorAll('input'), function (ths)
{
myInputs[ths.getAttribute('id')] = ths;
})
console.log(myInputs);
</script>
</body>
</html>
тогда ваша функция будет выглядеть как то так:
function render (data) {
for ( var key in data ) {
myInputs[key].value = data[key];
}
}