javascript - 无法通过 id 获取元素

Question

我有以下代码，但我不明白出了什么问题。

<tr id="outState">
    <th>State</th>
    <td style="text-align: center;" id="stateRow_0" xmlns="">
        <select id="state_0">
            <option value="0">0</option>
            <option value="1">1</option>
        </select>
    </td>
</tr>

输出：

alert(document.getElementById("outState"));
alert(document.getElementById("stateRow_0 "));
alert(document.getElementById("state_0"));

第一个给我null，第二个成功。
在 IE9 上，我获得了第一次成功和第二次 null。

加载完所有 DOM 后调用 JS。

为什么以及如何解决这个问题？

JSFiddle

Answer 1

问题是第二个警报最后有一个额外的空间，导致getElementById失败..

alert(document.getElementById("stateRow_0 "));
                                         ^

如果你删除它，它会工作得很好..