Доступ к ячейке таблицы

@areostar · Регистрация: 12.04.2009

Студворк — интернет-сервис помощи студентам

Скрипт на яваСкрипте находится отдельно от страницы.

подскажите как ччерез этот скрипт вписать текст в определённыю ячейку определённой таблицы!??

@ostgals · 04.08.2010, 22:46

Например, так.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript" src="hello.js"></script>
 
<table>
<tr>
   <td></td>
   <td></td>
</tr>
<tr>
   <td id="hello"></td>
   <td></td>
</tr>
</table>

hello.js:

JavaScript
1
document.getElementById('hello').innerHTML = 'Hello, bro!'

@homich77 · 05.08.2010, 16:10

Если ячейка задана заранее то можно как писал ostgals.
Если же во время работы.. например при нажатии на ячейку, то (на примере ostgals):
вместо

HTML5
1
<td id="hello"></td>

сделать

HTML5
1
<td onclick="ClkCell(this)"></td>

а в js-файле написать:

JavaScript
1
2
3
function ClkCell(td){
     td.innerHTML='текст';
}

@areostar · 05.08.2010, 16:47 **[ТС]**

Понял!! Всем спасибо! Данный вопрос исчерпан!

@metlick · 28.12.2016, 16:46

Прошу прощения за поднятие старой темы. А если у ячейки нет id (только у всей таблицы) и присвоить его мы не можем, но знаем где она находится?

@Balanaar · 28.12.2016, 17:00

http://codepen.io/anon/pen/dOBBEr

HTML5
1
2
3
4
5
6
7
8
9
10
 <table id="some-table">
<tr>
   <td>1111111111111</td>
   <td>2222222222222</td>
</tr>
<tr>
   <td>3333333333333</td>
   <td>4444444444444</td>
</tr>
</table>

CSS
1
2
3
4
5
6
table {
  border-collapse: collapse;
}
td {
  border: 1px solid black;
}

JavaScript
1
2
3
4
5
document.getElementById('some-table').querySelectorAll('td').forEach(function(e) {
  e.onclick = function() {
    this.innerHTML = 'Кликнуто';
  }
});

@metlick · 28.12.2016, 17:06

Без кликов, просто принудительная вставка текста
попробовал так

JavaScript
1
 document.getElementById('table1').rows[1].cells[1].innerHTML = "Text";

но не работает

Добавлено через 2 минуты
похоже что то не дает, в чистом html работает

@Balanaar · 28.12.2016, 17:08

Ваш пример работает: http://codepen.io/anon/pen/oYrKvV
Возможно вы исполняете скрипт ещё до того, как сформировалась таблица. Переместите ваш скрипт в конец файла.

@metlick · 28.12.2016, 17:21

Странно..

JavaScript
1
2
3
4
   (function () {
       alert('Я функция, и я запустилась.');
 document.getElementById('table1').rows[1].cells[1].innerHTML = "Text";      
}());

Сообщение вижу, id таблицы уже 10 раз проверил в загруженной странице:

HTML5
1
<table id="table1" class="demo2">

но текст в ячейку не вписывает....

@Balanaar · 28.12.2016, 17:52

В какой момент вы вызываете функцию? До формирования таблицы?

@metlick · 28.12.2016, 20:51

Все верно, дурная голова, пихаю код в конец вызываемого файла js, а то что сам вызов нужно тоже в конец html страницы вставить, если бы еще раз счас носом не тыкнули не догнал бы. Спасибо

Новые блоги и статьи Все статьи Все блоги /
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .	Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .

@areostar 122 / 65 / 4 Регистрация: 12.04.2009 Сообщений: 1,047

	Доступ к ячейке таблицы 04.08.2010, 22:21. Показов 22394. Ответов 10 Метки нет (Все метки) Скрипт на яваСкрипте находится отдельно от страницы. подскажите как ччерез этот скрипт вписать текст в определённыю ячейку определённой таблицы!?? 0

@areostar 122 / 65 / 4 Регистрация: 12.04.2009 Сообщений: 1,047
	05.08.2010, 16:47 [ТС]
	Понял!! Всем спасибо! Данный вопрос исчерпан! 0

@metlick 0 / 0 / 2 Регистрация: 09.12.2010 Сообщений: 26
	28.12.2016, 16:46
	Прошу прощения за поднятие старой темы. А если у ячейки нет id (только у всей таблицы) и присвоить его мы не можем, но знаем где она находится? 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	28.12.2016, 17:08
	Ваш пример работает: http://codepen.io/anon/pen/oYrKvV Возможно вы исполняете скрипт ещё до того, как сформировалась таблица. Переместите ваш скрипт в конец файла. 1

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	28.12.2016, 17:52
	В какой момент вы вызываете функцию? До формирования таблицы? 1

@metlick 0 / 0 / 2 Регистрация: 09.12.2010 Сообщений: 26
	28.12.2016, 20:51
	Все верно, дурная голова, пихаю код в конец вызываемого файла js, а то что сам вызов нужно тоже в конец html страницы вставить, если бы еще раз счас носом не тыкнули не догнал бы. Спасибо 0