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

@Hovercat · Регистрация: 23.12.2009

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

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, но вот по нажатию на ячейку ничего не происходит. Добавление атрибута описал правильно(цвет ячейки менялся). Что не так?

@newJS · 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="";
 };
 
 
 })();

@Hovercat · 12.03.2013, 20:29 **[ТС]**

а если я хотел туда поставить такой обработчик:

JavaScript
1
attribute.nodeValue = "document.getElementById('mytable').deleteRow("+(table.rows.length+1).toString()+");";

Новые блоги и статьи Все статьи Все блоги /
Перемещение выделенных строк ТЧ из одного документа в другой Maks 30.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .