powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Изменение содержимого ячейки по клику
7 сообщений из 7, страница 1 из 1
Изменение содержимого ячейки по клику
    #39035005
belchatnik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Доброго времени суток.

Я столкнулась с одной проблемой.
У меня очень маленький опыт сотрудничества с JavaScript, потому буду рада хорошему совету.

Суть вопроса:
Есть таблица. Не динамическая просто вот обычная на две строки и два столбца. В каждой ячейке написано "ля-ля-ля".
Мне нужно сделать так, чтоб при клике по ячейке её содержимое очищалось. При этом я хотела бы это сделать не вписывая в код HTML функцию onclick.
Я встретила в источниках такой пример

<input type="button" id="button" value="Кнопка" />
<script>
button.onclick = function() {
alert( 'Клик!' );
};
</script>

Хотелось бы воспользоваться именно таким способом.

Как это можно сделать для моей таблички? Даже если рассматривать пример только одной ячейки. К примеру, пусть это будет первая ячейка первого ряда. Я присваиваю ей id, по указанному примеру пишу код, но ничего не происходит. Если я пишу именно этот кусок кода (с введением слова "Клик"), то всё получается. А как только я обращаюсь к innerHTML ячейки, то ничего не получается.

Спасибо за Ваши ответы))
...
Рейтинг: 0 / 0
Изменение содержимого ячейки по клику
    #39035014
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
innerText попробуйте или воспользуйтесь библиотекой jquery
...
Рейтинг: 0 / 0
Изменение содержимого ячейки по клику
    #39035024
belchatnik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Konst_One,

К сожалению, с jquery я совсем не знакома. Но innerText работает!! Спасибо огромное)

Может есть способ как обойтись без id, так чтоб по любой из ячеек таблицы кликнуть и она очистилась?
...
Рейтинг: 0 / 0
Изменение содержимого ячейки по клику
    #39035029
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вот как раз jquery в этом бы вам сильно помогла. попробуйте, это не так сложно как кажется
...
Рейтинг: 0 / 0
Изменение содержимого ячейки по клику
    #39035057
belchatnik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Konst_One,

Спасибо) Обязательно внимательно займусь этим вопросом.
...
Рейтинг: 0 / 0
Изменение содержимого ячейки по клику
    #39035132
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
belchatnik,

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
  table {border-collapse:collapse;}
  td {border: 1px solid #000; padding:4px;}
</style>
</head>
<body>
Надо щелкнуть в любую ячейку
<br><br>
<table id="example">
  <tr> <td>11111</td> <td>22222</td> <td>33333</td> </tr>
  <tr> <td>aaaaa</td> <td>bbbbb</td> <td>ccccc</td> </tr>
</table>

<script>
document.getElementById('example').onclick = function (event) {
  event = event || window.event;
  var target = event.target || event.srcElement;
  if (target.tagName == 'TD') {target.innerHTML = '';}
};
</script>
</body>
</html>
...
Рейтинг: 0 / 0
Изменение содержимого ячейки по клику
    #39035854
belchatnik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Огромное спасибо))
...
Рейтинг: 0 / 0
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Изменение содержимого ячейки по клику
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]