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

    1、HTML结构

    1
    2
    3
    4
    5
    6
    <ul id="test">
        <li>Glen</li>
        <li>Tane</li>
        <li>John</li>
        <li>Ralph</li>
    </ul>

    2、javascript代码

    1
    2
    3
    4
    5
    6
    7
    8
    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、效果演示

    js如何获取点击<li>标签里的值