专注于前端开发
我们一直未放弃

通过JS点击获取li元素的值,不使用jquery方法

HTML结构

<ul id="test">
    <li>Glen</li>
    <li>Tane</li>
    <li>John</li>
    <li>Ralph</li>
</ul>

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);
        }
    }
}

效果显示

卓迅设计-web前端开发-前端技术开发 » 通过JS点击获取li元素的值,不使用jquery方法

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址