Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Удаление элемента из HTML-списка (https://javascript.ru/forum/dom-window/25479-udalenie-ehlementa-iz-html-spiska.html)

Kostyk92 06.02.2012 18:40

Удаление элемента из HTML-списка
 
Задача:Вывести на экран html-список с любыми данными. Добавить возможность удаления элементов этого html-списка двойным щелчком мыши.
Вот все что я на данный момент накатал, и осталась самая малость - правильно прописать событие dblclick для каждого тэга LI.
Толи я совсем кретин, толи че, но я уже извелся весь, и так и сяк и на перекосяк пробовал. чувствую что разгадка совсем близко. Заранее признателен...
<html>
<head>
<title>Удаление элемента списка двойным щелчком</title>
<script language="JavaScript">
<!-- hide

function spisok(k){
while(document.getElementById('list').childNodes.length) 
{document.getElementById('list').removeChild(document.getElementById('list').firstChild);};

for (var n=1; n<=k; n++)
 { var list = document.getElementById('list');
   var li = document.createElement('LI');
   li.dblclick =list.removeChild(li);
   li.innerHTML = "Элемент списка №"+n;
   list.appendChild(li);};
}
// -->
</script>
</head>
<body>
<form name="form1">
<input type="number" name="kolichestvo" min=0 value="10">
<input type="button" name="generate" value="Сгенерировать список" onClick="spisok

(document.form1.kolichestvo.value)">
</form>
<ul id="list">
</ul>
</body>
</html>

Pavel M. 06.02.2012 23:00

почитайте http://learn.javascript.ru/introduction-browser-events


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