我想在点击特定无序列表的任何子元素后使用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将是未知的,因为它们的数量可能不同。
答案 0 :(得分:1)
您可以使用诸如......之类的代码轻松完成此操作。
var childNodeArray = document.getElementById('myList').childNodes;
这将为您提供一系列元素,您可以将点击侦听器添加到例如
for(var node in childNodeArray){
node.onclick = function () { alert('here'); };
}
答案 1 :(得分:0)