无法通过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上，我获得了第一次成功，第二次成功。

在加载所有DOM之后调用JS。

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

JSFiddle

Answer 1

问题是第二个警报末尾有一个额外的空格，导致getElementById失败..

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

如果你删除它，它将正常工作..