javascript - 使用JS无法将onclick事件分配给多个跨度

我有3个跨度，分别为0、1和2。当您单击一个时，我想提醒它的值。使用我当前的代码，它们都警告“长度”。我不知道我在做什么错

<style>
.text{
    width:20px;
    height:20px;
    border:1px solid black;
}
</style>

<span class='text'>0</span>
<span class='text'>1</span>
<span class='text'>2</span>

<script>
var textSpans=document.querySelectorAll('span.text');
for (i in textSpans)
{
    textSpans[i].onclick=function() {alert(i);};
}
</script>

这是一个fiddle

最佳答案

用这个：

var textSpans = document.querySelectorAll('span.text');

for (i in textSpans) {
    textSpans[i].onclick = function(e) {
        alert(e.target.innerHTML);
    };
}

变量e是鼠标事件。这将提醒点击的目标元素的内容。

JSFiddle

关于javascript - 使用JS无法将onclick事件分配给多个跨度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23188735/