Не возвращается формат поля

Есть таблица , в котороый кроме текстовых полей есть поле типа <teatarea> Вот часть таблицы

<td width="160" class="style7"><div align="center" ><span class="style7"><font face="Times New Roman, Times, serif" ><?php echo $row_cars['vodit']; ?></font></span>&nbsp;</div></td>
<td width="150" class="style7"><div align="center" id="tel" ><font size="2" face="Times New Roman, Times, serif"><?php echo $row_cars['inf_vodit']; ?></font>&nbsp;</div></td>
<td width="150" class="style7" ><div align="center" id="pasp" >
<textarea name="textarea" rows="2" ><php echo $row_cars['pasp']; ?></textarea> &nbsp;</div></td>
<td width="150" class="style7"><div align="center"><font size="2" face="Times New Roman, Times, serif"><?php echo $row_cars['car']; ?></font>&nbsp;</div></td>

Из этой таблицы открывается форма ее редактирования.
После закрытия формы через Javascript значения вписываются в ту же строчку таблица без обновления страницы
Это скрипт который работает при закрытии формы редактирования

<SCRIPT language="JavaScript">
<!--
function OnExit(id) {

var tr = window.opener.document.getElementById(id) ; 

var tds = tr.getElementsByTagName('td');
var vodit = tds[0].firstChild; 
var tel = tds[1].firstChild; 
var pasp = tds[2].firstChild; 
var car = tds[3].firstChild; 
var inf = tds[4].firstChild; 
var dat = tds[5].firstChild; 
var vper = tds[6].firstChild; 




vodit.innerHTML = '&nbsp;'+document.getElementById('vodit').value;
tel.innerHTML = '&nbsp;'+document.getElementById('tel').value;
pasp.innerHTML = '&nbsp;'+document.getElementById('pasp').value;
car.innerHTML = '&nbsp;'+document.getElementById('car').value;
inf.innerHTML = '&nbsp;'+document.getElementById('inf').value;
dat.innerHTML = '&nbsp;'+document.getElementById('dat').value;
vper.innerHTML = '&nbsp;'+document.getElementById('vper').value;

top.close();
}

//-->
</SCRIPT>

но поле <textarea> обновляется не как <teaxtarea> а как просто <text>
Как восстановить форма данного поля после отработки скрипта и закрытия окна редактирования ?