Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.09.2014, 14:04
Интересующийся
Отправить личное сообщение для Иннокентий Посмотреть профиль Найти все сообщения от Иннокентий
 
Регистрация: 14.09.2014
Сообщений: 13

Параметр в функции (id таблицы) не работет
Здравствуйте. Составляю таблицу. И тут столкнулся с проблемой. Параметр 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>
Ответить с цитированием
  #2 (permalink)  
Старый 14.09.2014, 14:23
Аватар для Aetae
Любитель
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 5,439

В том, что nomer у вас в функции - это текстовая стока, а не элемент.
document.getElementById(nomer).innerHTML += ...
__________________
29375, 35
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Номер свойства, как параметр функции BratKilla Элементы интерфейса 5 14.03.2014 09:08
передача объекта через параметр функции PHP zhurchik Серверные языки и технологии 1 06.12.2012 13:24
параметр онклик функции nuclear_kote Events/DOM/Window 4 31.03.2012 12:31
Переменная php -> параметр функции JS allie Общие вопросы Javascript 3 30.09.2011 09:11
Как из функции вызвать другую функцию и правильно передать ей параметр Alexd Общие вопросы Javascript 3 06.05.2011 02:42