开发者社区> 问答> 正文

js怎么获取li标签的值

js怎么获取li标签的值

展开
收起
云计算小粉 2018-05-10 20:00:09 3734 0
1 条回答
写回答
取消 提交回答
  • 阿里云ping https://ping.gaomeluo.com/aliyun/

    思路:为li对象添加单击事件→事件触发后利用innerHTML获取li的文本。实例演示如下:

    1、HTML结构

    <li>Glen</li>
    <li>Tane</li>
    <li>John</li>
    <li>Ralph</li>


    2、javascript代码

    window.onload = function(){

    var obj_lis = document.getElementById("test").getElementsByTagName("li");
    for(i=0;i<obj_lis.length;i++){
        obj_lis[i].onclick = function(){
            alert(this.innerHTML);
        }
    }

    }
    3、效果演示
    ps:来源网络

    2019-07-17 22:10:53
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript面向对象的程序设计 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载