为class属性添加单击事件

默认情况下,函数无法为所有的class属性,做单击事件.
通过如下方法,为所有的class属性,添加单击事件.

<span class="test">test1</span>
    <span class="test">test2</span>
    <span class="test">test3</span>

    <p class="test">p1</p>
    <p class="test">p2</p>
    <p class="test">p3</p>

    <script>
        function testClick () {
                console.log(this);
                console.log(this.innerText);
            }
        
        // 获得某class的所有对象的方法: (返回的是数组)
        var list = document.getElementsByClassName('test');
        for(var i in list){
            // for循环给list对象数组的每个对象添加onclick单击事件,
            // 绑定testClick函数.注意函数后面不能加空格.
            list[i].onclick = testClick;
        }
    </script>