Форум

Virrt · #1 (**permalink**) 07.06.2013, 00:05

Есть элемент

<div><div id='divId'>imkw</div></div>

Есть скрипт

function test() {
	  i = document.getElementById('divId');
	  i.onclick = function() { alert('WTF') }
	  // Добавляет. Все ок
	  i.parentNode.innerHTML = i.parentNode.innerHTML + 'P.S. ..';
}

test();

innerHTML грохает добавленный onclick. А нужно сделать так, чтоб все было как и до него. Подскажите пожалуйста

vadim5june · #2 (**permalink**) 07.06.2013, 00:10

а что Вы добавляете?
какой то текст?

рони · #3 (**permalink**) 07.06.2013, 00:16

Virrt,
Вариант...

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
</head>
<body>
<div><div id='divId'>imkw</div></div>
<script>
function test() {
	  i = document.getElementById('divId');
	  i.onclick = function() { alert('WTF') }
      i.parentNode.appendChild(document.createTextNode('P.S. ..'));
}
test();
</script>
</body>
</html>

Virrt · #4 (**permalink**) 07.06.2013, 00:17

Да. Текст
Не, можно и appendChild сделать. Но это план Б ) Интересно какие еще есть варианты. Может событие есть возможность вписать как-то более жестко

Virrt · #5 (**permalink**) 07.06.2013, 00:20

О. А вот document.createTextNode() я не знал. Так уже и с appendChild-ом все не по индуски выглядит. Спасибо

рони · #6 (**permalink**) 07.06.2013, 00:21

Virrt,
Делегирование событий

Deff · #7 (**permalink**) 07.06.2013, 00:25

<div><div id='divId'>imkw</div></div>
<script>
function divClick(sel) { alert('WTF') }
function test() {
	  i = document.getElementById('divId');
	  i.setAttribute('onclick','divClick(this)');
	  // Добавляет. Все ок
	  i.parentNode.innerHTML = i.parentNode.innerHTML + 'P.S. ..';
}

test();
</script>

Virrt · #8 (**permalink**) 07.06.2013, 00:27

А если добавляется не текст? Например с Аякса приходит html-страница? У меня различные условия для этой проблемы есть )

рони · #9 (**permalink**) 07.06.2013, 00:40

Virrt,
смотрите делегирование ---ссылка выше -- тоже самое для jquery -- on

вешают клик на документ и проверяют по какому элементу кликнули.

Virrt · #10 (**permalink**) 07.06.2013, 00:44

Атрибутами проблема решилась. Спасибо. И за ссылку спасибо. Освою

Форум

Справочник

Discord чат

Курсы javascript