Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.55/11: Рейтинг темы: голосов - 11, средняя оценка - 4.55
11 / 11 / 7
Регистрация: 23.12.2009
Сообщений: 300

Создание событий на ячейку таблицы через DOM

12.03.2013, 19:49. Показов 2043. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
JavaScript
1
2
3
4
5
6
7
8
9
var tr = document.createElement('tr');
var td = document.createElement('td');
var text = document.createTextNode('Удалить данного дракона');
td.appendChild(text);
var attribute = document.createAttribute('onClick');
attribute.nodeValue = "alert(3);";
td.setAttributeNode(attribute);
tr.appendChild(td);
document.getElementById('mytable').lastChild.appendChild(tr);
Строку, ячейку, текст в ней создает, когда посмотреть HTML сгенерированной страницы, то там есть событие onClick, но вот по нажатию на ячейку ничего не происходит. Добавление атрибута описал правильно(цвет ячейки менялся). Что не так?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
12.03.2013, 19:49
Ответы с готовыми решениями:

Как сделать обработку событий при клике на ячейку таблицы
Есть таблица, в ячейках некий текст. Как сделать ячейки таблицы кликабельными? И как проверять содержимое ячеек. Например при клике по...

Как добавить несколько записей из таблицы в ячейку другой таблицы через запятую?
имеется бд кулинарная книга, где при добавлении блюда, продукты добавлялись через запятую, по выбору из другой таблицы(список продуктов)......

Внесение данных в определенную ячейку в столбец F таблицы через userform
Добрый день! Помогите найти ошибку. Есть таблица БД Склад, в которой есть пустой столбец F(расход). Нужно вносить в него данные через форму...

2
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,529
12.03.2013, 20:25
HTML5
1
<div id="newTable"></div>
JavaScript
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
27
28
29
30
31
32
33
34
35
36
(function(){
var d;
d=document;
 
onload=function(){
var row, cel;
row=5;//сколько будет рядов в таблице
cel=4;//сколько будет ячеек в ряду
genTable(row, cel);
 };
 
function genTable(row, cel){
var obj, newR, newC, lr, lc;
obj=d.getElementById("newTable").appendChild(d.createElement("table"));
obj.className="tabl";
for(lr=0; lr!=row; lr++){
newR=obj.insertRow(lr);
for(lc=0; lc!=cel; lc++){
newC=newR.insertCell(lc);
newC.innerHTML=lr+'_'+lc;
 
newC.onmouseover=over;
newC.onmouseout=out;
}};
 };
 
function over(){
this.style.backgroundColor="yellow";
 };
 
function out(){
this.style.backgroundColor="";
 };
 
 
 })();
0
11 / 11 / 7
Регистрация: 23.12.2009
Сообщений: 300
12.03.2013, 20:29  [ТС]
а если я хотел туда поставить такой обработчик:
JavaScript
1
attribute.nodeValue = "document.getElementById('mytable').deleteRow("+(table.rows.length+1).toString()+");";
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
12.03.2013, 20:29
Помогаю со студенческими работами здесь

Написать скрипт, рекурсивно обходящий дерево DOM страницы dom.html, начиная от корня DOM
Написать скрипт на языке JavaScript, рекурсивно обходящий дерево DOM страницы dom.html, начиная от корня DOM (объект document). ...

Обработка событий для DOM элементов, созданных после прогрузки страницы
Добрый день форумчане, уже голову сломал, не могу понять логику работы. У меня есть страничка, с кнопкой, по клику которой создаются поля...

Как связывается целевой объект с функцией-обработчиком, если использовать модель событий W3C DOM уровня 2?
Привет. 1. Если я пишу function func(){...}; document.getElementById(&quot;red&quot;).onclick=func; , то свойство onclick станет ссылаться не...

Создание таблицы через форму
помогите( 1.создайте таблицу. 2.создайте форму и с помощью формы создайте таблицу. название порта.\название моря.\государство ...

Создание таблицы через макрос
Теперь поясню свою проблему, я включил запись макроса, создал таблицу по требованиям, потом завершил запись макроса и использовал его для...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru