[Иннокентий]

Здравствуйте. Составляю таблицу. И тут столкнулся с проблемой. Параметр nomer в функции не работает. Без этого параметра таблица нормально заполняется напрямую через id. one.innerHTML или two.innerHTML. А мне необходимо в текстовом поле написать айдишник таблицы - и передать в параметр ту таблицу, которую надо заполнить. На экране у меня несколько таблиц для разных нужд. nomer.innerHTML не работает. В чем причина?

<label>Номер таблицы</label>
<input type="text" id="nomer">

<label>Фамилия</label> 
 <input type="text" id="Surname"> 

 <label>Имя</label> 
 <input type="text" id="FirstName"> 

 <label>Отчество</label> 
 <input type="text" id="LastName">

<table id="tableExample"> 
 <thead> 
 <th>Имя</th> 
 <th>Фамилия</th> 
<th>Отчество</th> 
 </thead> 

 <tbody id="one"> 

 </tbody> 
 </table>

<table id="tableExample"> 
 <thead> 
 <th>Имя</th> 
 <th>Фамилия</th> 
<th>Отчество</th> 
 </thead> 

 <tbody id="two"> 

 </tbody> 
 </table>

<script>
function addToTableBodyExample(nomer, surname, FirstName, LastName){
 var entry = [surname, FirstName, LastName], 
 tableContent = "<tr>"; 
 for(var i = 0; i < 3; i++){ 
 tableContent += "<td>" + entry[i] + "</td>"; }; 
 
 
 tableContent += "</tr>"; 
 
 
 nomer.innerHTML += tableContent; 
 };

</script>

<button onclick="addToTableBodyExample(nomer.value, Surname.value, FirstName.value, LastName.value);"> 
 
 </button>

<style>
#tableExample{ 
 border: 1px solid green; 
 background: #bbb; 
 margin: 10px; 
 } 
 #tableExample thead th{ 
 background: white; 
 color: black; 
 } 
 #tableExample tbody{ 
 background: #eee; 
 color: black; 
 }
</style>