默认情况下,函数无法为所有的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>