У меня есть небольшая проблема с поиском идентификатора ячейки (и его содержимого). Основная таблица содержит несколько разделов, и каждый раздел содержит одну таблицу с несколькими ячейками. Что я хочу, чтобы отобразить ячейку с идентификатором content_xx
, Мои таблицы выглядят так:
<table id="MainTable"> // Main (global) table
<div id="divid_1"> // First div in main table
<table id="InfoTable"> // First div's table
<td id="title_10">CellTitle</td> // Cell #1
<td id="content_11">CellContent</td> // Cell #2
<div id="divid_2"> // Second div in main table
<table id="InfoTable"> // Second div's table
<td id="title_20">CellTitle</td> // Cell #1
<td id="content_21">CellContent</td> // Cell #2
// etc...
</table>
Функция для его поиска:
function FindContent(id)
{
t = document.getElementById("InfoTable").rows[0].cells.namedItem("content_"+id).innerHTML;
alert(t);
return;
}
У меня есть событие onclick, которое выполняет эту функцию. У меня работает только для первых InfoTable
, но это не работает, когда я пытаюсь сделать то же самое на столе № 2 или дальше. Я получаю эту ошибку: TypeError: document.getElementById(...).rows[0].cells.namedItem(...) is null
, Как я могу это исправить и почему это не работает? Это из-за row[0]
? Если я изменю на row[1]
Например, тогда это не работает вообще. Я могу изменить структуру HTML, но не полностью.
** Решено с помощью IceCub **
Проблема заключалась в том, что я использовал тот же идентификатор в div, поэтому вернулась только первая таблица. Мне просто нужно было использовать другой идентификатор.
Других решений пока нет …