Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   onclick по li элементу (https://javascript.ru/forum/events/67416-onclick-po-li-ehlementu.html)

simatic007 16.02.2017 15:33

onclick по li элементу
 
Добрый день. Задача банально простая: создать список (ul) и по клику на его элемент (li) помечать выбранный li рамкой. Для добавления элементов есть кнопка c id "Create" :

<script>
var ul = document.createElement("ul");
ul.id="list";
document.body.appendChild(ul);
create.onclick = function() {
var newLi = document.createElement('li');
newLi.appendChild(document.createTextNode("Text")) ;
list.appendChild(newLi);
}

/*Какое тут написать условие для отработки по нажатию на любой li элемент списка list?*/.onclick = function(event) {

for(var i=0; i<list.childNodes.length;i++){
list.children[i].style.border = "none";
}
event.target.style.border="2px solid blue";
}
</script>

рони 16.02.2017 16:10

simatic007,
https://learn.javascript.ru/event-delegation


Часовой пояс GMT +3, время: 00:51.