javascript - 获取表中的tr索引

Question

我有下表，我正在使用下面的代码来获取 id 为 tbl1 的 tr 的索引。问题是返回的索引应该是 2，在 IE 中显示正确，但它是3 在 Chrome 和 Firefox 中。有人可以告诉我我在这里做错了什么吗？

var parent = document.getElementById("tbl1").parentElement;
    var tr = document.getElementById("tbl1");
    var index = -1;
    for (var i = 0; i < parent.childNodes.length; i++) {
        if (parent.childNodes.item(i) == tr) {
            index = ++i;
            break;
        }
    }

<TABLE border=0 cellSpacing=0 cellPadding=0><TBODY>
<TR>
</TR>
<TR id="tbl1">
</TR>
<TR></TR>
</TBODY></TABLE>

Answer 1

只使用rowIndex怎么样:

var tr = document.getElementById("tbl1"),
    index = tr.rowIndex + 1;

console.log(index);  // => 2

See demo