Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.01.2017, 23:51
Новичок на форуме
Отправить личное сообщение для mer1985uui Посмотреть профиль Найти все сообщения от mer1985uui
 
Регистрация: 24.05.2014
Сообщений: 4

Как добавить новый элемент по клику.
Не подсажете как решить проблему, при нажатии на кнопку add it создается новый элемент списка, но когда уже нажимаю на этот созданный элемент, уже не создается новый элемент.
Спасибо

<ol id="list">
<li>0 <button data-operation="delete">delete it</button></li>
<li>1 <button data-operation="delete">delete it</button></li>
<li>2 <button data-operation="delete">delete it</button></li>
<li>3 <button data-operation="add">add it</button></li>
</ol>
<script>
	  function handler(e) {
	  	
	  	var self = e.target
	  	var deleteVar = self.getAttribute('data-operation');
	  	var parentList = self.parentElement.parentElement;
	  	var li = document.createElement('li');
	  	li.innerHTML = self.parentElement.innerHTML;
	  	if (e.target.tagName == "BUTTON") {
	  		if (deleteVar == 'delete')
	  		{
	  			parentList.removeChild(self.parentElement);
	  			console.log(arr);
	  		} else if (deleteVar == 'add') {
	  			parentList.appendChild(li);
	  			console.log(arr);
	  		}
	  	}
	  	
	  }

	  var arr = document.getElementsByTagName('button');

	  
	for (var i = 0; i < arr.length; i++) {
	  	arr[i].addEventListener("click", handler);
	 }
			
	</script>
Ответить с цитированием
  #2 (permalink)  
Старый 29.01.2017, 00:20
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,078

mer1985uui,
или строка 16
li.addEventListener("click", handler);

или строки 21- 28
document.querySelector('#list').addEventListener("click", handler);
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как заменить DOM элемент user_name Общие вопросы Javascript 8 23.05.2015 11:14
добавить элемент на карту TomTykver Элементы интерфейса 1 11.05.2015 23:22
Как добавить элемент по нажатию кнопки ArsenInvoker Элементы интерфейса 5 14.03.2015 17:32
Можно ли как нибудь найти элемент ПО КЛАССУ (он такой один) и добавить ID? Dimator Events/DOM/Window 3 13.12.2014 12:22
Как добавить в элемент текстовый узел teles Общие вопросы Javascript 5 04.07.2012 12:54