通过事件委托实现点击li时alert出相应的索引和内容ulli苦心人lili天不负lili卧薪尝胆lili三千越甲可吞吴iul
HTML代码:
<ul id="myList">
<li>苦心人</li>
<li>天不负</li>
<li>卧薪尝胆</li>
<li>三千越甲可吞吴</li>
</ul>
JavaScript代码:
var list = document.getElementById('myList');
list.addEventListener('click', function(e) {
if (e.target && e.target.nodeName.toLowerCase() === 'li') {
var index = Array.prototype.indexOf.call(list.children, e.target);
var content = e.target.textContent;
alert('索引为' + index + '的内容是' + content);
}
});
原文地址: https://www.cveoy.top/t/topic/cOjb 著作权归作者所有。请勿转载和采集!