点击ul的的item并获取其中的值

最新推荐文章于 2023-07-31 16:42:05 发布

原创最新推荐文章于 2023-07-31 16:42:05 发布 · 850 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ul

本文介绍了一种使用JavaScript实现点击列表项后弹窗显示该列表项内容的方法。通过获取指定ID的ul元素下的所有li子元素，并为每个li元素绑定点击事件，当点击任意一个li时，会弹出该li元素的文本内容。

<ul id="ulId">
<li id="itme1">Item 1</li>
<li id="itme2">Item 2</li>
<li id="itme3">Item 3</li>
</ul>
/*点击item，显示item的内容*/
                    var item = document.getElementById("ulId").getElementsByTagName("li");
                    for(i = 0; i < item.length; i++) {
                        item[i].onclick = function() {
                            mui.alert(this.innerHTML);
                        }
                    }