检查是否单击任何子元素

| 单击特定无序列表的任何子元素后，我想使用JavaScript提交表单。代码看起来可能像这样，但是列表项的数量可能会很长。

<ul id=\"myList\">
 <li id=\"myListItem1\">list item 1<li>
 <li id=\"myListItem2\">list item 2<li> 
 <li id=\"myListItem3\">list item 3<li>
</ul>

不可能向每个li添加onclick。另外，我可能无法将代码附加到ul标签，因此，如果有可能在不将代码附加到ul标签的情况下解决问题是最好的。不幸的是，不能使用jquery，mootools等库。 UL的ID将始终是已知的且是静态的，但LI的ID将是未知的，因为它们的数量可能不同。

已邀请:

2 个回复

您可以使用以下代码轻松完成此操作：

var childNodeArray = document.getElementById(\'myList\').childNodes;

这将为您提供一系列元素，您可以将点击监听器添加到

for(var node in childNodeArray){
    node.onclick = function () { alert(\'here\'); };
}

答案已经存在：如何从返回的.childNodes方法集合中获取元素如何钩住页面单击事件？正确绑定javascript事件

要回复问题请先登录或注册