Javascript：从UL中选择列表

var ul=document.getElementById（“父列表”）；
document.querySelectorAll（“#父列表li”）.onclick=function（）{
警报（'click！'）；
}

第1项
第2项
第3项
第4项
第5项
第6项
第7项
第8项
第9项

querySelectorAll

返回HTML集合。您需要将事件附加到每个事件。您需要在集合上循环

var-lis=document.queryselectoral（“test-li”）；
对于（变量i=0；i

一,
二,
三,

querySelectorAll

返回HTML集合。您需要将事件附加到每个事件。您需要在集合上循环

var-lis=document.queryselectoral（“test-li”）；
对于（变量i=0；i

一,
二,
三,

querySelectAll返回节点数组。 您必须迭代节点以添加事件列表器

var ul = document.getElementById("parent-list");
var li_items = document.querySelectorAll("#parent-list li");
for (var i = 0 ; i < li_items.length ; i++)
    li_items[i].onclick = function (){alert(this.id);}

var ul=document.getElementById（“父列表”）；
var li#u items=document.queryselectoral（“父列表li”）；
对于（变量i=0；i

querySelectAll返回节点数组。 您必须迭代节点以添加事件列表器

var ul = document.getElementById("parent-list");
var li_items = document.querySelectorAll("#parent-list li");
for (var i = 0 ; i < li_items.length ; i++)
    li_items[i].onclick = function (){alert(this.id);}

var ul=document.getElementById（“父列表”）；
var li#u items=document.queryselectoral（“父列表li”）；
对于（变量i=0；i

使用针对每个元素的事件侦听器，而不是直接将onclick函数分配给NamedNodeMap

/* get an array of list items */
var items = Array.prototype.slice.call(
      document.querySelectorAll('li[id|="item"]')
);

/* add event-listener to each item */
items.forEach(function(item) {
    item.addEventListener('click', clickAlert, false);
});

/* click function */
function clickAlert(evt) {
    alert(evt.target.id +' clicked!');
}

见：

---

使用针对每个元素的事件侦听器，而不是直接将onclick函数分配给NamedNodeMap

/* get an array of list items */
var items = Array.prototype.slice.call(
      document.querySelectorAll('li[id|="item"]')
);

/* add event-listener to each item */
items.forEach(function(item) {
    item.addEventListener('click', clickAlert, false);
});

/* click function */
function clickAlert(evt) {
    alert(evt.target.id +' clicked!');
}

见：