Не работают динамически устанавливаемые аттрибуты

dantistus · 13.07.2006, 01:04

Интересное явление. Вот квинтессенция кода:

<body>
<div id="clickable">Click me!</div>
<script>
//attachEvent и addEventListener точно так же работают
document.getElementById('clickable').onclick=funct ion(){alert('q')};
</script>
</body>

Если открыть это в браузере, то при клике на див будет срабатывать alert('q').

Теперь допишем в <script> такое:

...
document.body.innerHTML+="<table><tr><td>q</td></tr></table>";

Все! Наш онКлик не работает! Если дописывать к body дивы, спаны, и иже с ними (что угодно, кроме таблиц), то все прекрасно работает! Что, таблица так сильно отличается от других элементов, что из-за нее надо отменять все динамически присвоенные события? События, прописанные как аттрибут, прекрасно продолжают работать. Я себе из-за этого испортил настроение на три дня, оказалось, лечится очень просто: совать таблицы не прямо в body, а в какой-то контейнер. Кто-нибудь может объяснить, почему это происходит?

dantistus · 13.07.2006, 09:45

Все, я окончательно решил проблему и конкретно поднял себе настроение

Оказалось, что все не работает, если делать

innerHTML+="...";

Все отлично работает, если написать

innerHTML="...";

Вот такая вот загогулина

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Новости динамически с другого веб-узла?	Frenk Garigan	HTML, CSS, JavaScript	2	06.07.2007 14:44
Как динамически поменять фон в ячейке таблицы	anthill	ASP, Perl, PHP и MySQL	5	02.07.2007 12:50
Динамически появляющееся поле в форме	Подсолнух	ASP, Perl, PHP и MySQL	18	28.02.2007 16:04
Создание таблицы MySQL динамически	ТехникПТО	HTML, CSS, JavaScript	4	03.06.2005 11:27
Как динамически изменять фреймсет ?	amalex	HTML, CSS, JavaScript	5	04.04.2005 00:30

13.07.2006, 01:04	#1
dantistus	Интересное явление. Вот квинтессенция кода: <body> <div id="clickable">Click me!</div> <script> //attachEvent и addEventListener точно так же работают document.getElementById('clickable').onclick=funct ion(){alert('q')}; </script> </body> Если открыть это в браузере, то при клике на див будет срабатывать alert('q'). Теперь допишем в <script> такое: ... document.body.innerHTML+="<table><tr><td>q</td></tr></table>"; Все! Наш онКлик не работает! Если дописывать к body дивы, спаны, и иже с ними (что угодно, кроме таблиц), то все прекрасно работает! Что, таблица так сильно отличается от других элементов, что из-за нее надо отменять все динамически присвоенные события? События, прописанные как аттрибут, прекрасно продолжают работать. Я себе из-за этого испортил настроение на три дня, оказалось, лечится очень просто: совать таблицы не прямо в body, а в какой-то контейнер. Кто-нибудь может объяснить, почему это происходит?

13.07.2006, 09:45	#2
dantistus	Все, я окончательно решил проблему и конкретно поднял себе настроение Оказалось, что все не работает, если делать innerHTML+="..."; Все отлично работает, если написать innerHTML="..."; Вот такая вот загогулина