Javascript 为什么要点击<；tr>；在这种情况下不起作用吗？

奇怪的是，当我把

放在JSFiddle上时，它在我的例子中不起作用

这是HTML：

<form id="form_city" action="">
    <table width="100%" border="1" cellspacing="0" cellpadding="0">
        <tr>
            <th>City Id</th>
            <th>City Name</th>
        </tr>
        <tr id="row1" onclick="rowClicked(this);">
            <td>1</td>
            <td>New York</td>
        </tr>
        <tr id="row2" onclick="rowClicked(this);">
            <td>2</td>
            <td>Los Angeles</td>
        </tr>
        <tr id="row2" onclick="rowClicked(this);">
            <td>3</td>
            <td>Chicago</td>
        </tr>
    </table>
</form>

---

单击任何行（标题除外），都应该调用javascript函数。但是我没有从javascript函数中得到警告。为什么？

您必须将JSFiddle

onLoad

更改为

no wrap-in

（），以便代码在

中加载，而不是在DOM加载时加载。

这里：-您的函数需要是全局的，但您已经使用了JSFiddle的默认

onLoad

wrap（在左侧的框架和扩展下，您需要将其放入

或

）。

function rowClicked(clickedRow) {
    alert(clickedRow);
}