获取li标签文本内容
获取li标签文本内容
一点也不月半君 发表于8个月前
获取li标签文本内容
  • 发表于 8个月前
  • 阅读 39
  • 收藏 2
  • 点赞 1
  • 评论 0

【腾讯云】新注册用户域名抢购1元起>>>   

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

1、HTML结构

<ul id="test">

    <li>Glen</li>

    <li>Tane</li>

    <li>John</li>

    <li>Ralph</li>

</ul>

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、效果演示

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 133
博文 20
码字总数 3039
×
一点也不月半君
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: