下一篇IE和FF的同级区别？

Question

我刚刚在 raphaeljs 中编写了一个用于分层的 JavaScript 代码，它在 FF 上完美运行。 但在 IE 上不行。问题是 IE 对任何对象的 nextSibling 返回 null。

如何正确使用它，或者 IE 中是否有 nextElementSibling 调用？

这是我用来更改对象顺序的代码片段：

n = items[selected_item_id].nextSibling.id;
if (n != '') {
  items[selected_item_id].insertAfter(items[n]);
}

---

<div id="consarea">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%">
<desc>Created with Raphaël</desc>
<defs/>
<rect x="188" y="100" width="200" height="200" r="10" rx="10" ry="10" fill="#ee8515" stroke="none" style="opacity: 1;" opacity="1"/>
<rect x="253" y="158" width="50" height="50" r="0" rx="0" ry="0" fill="#0080ff" stroke="none" style="opacity: 1;" opacity="1" id="0"/>
<rect x="230" y="140" width="50" height="50" r="0" rx="0" ry="0" fill="#c03022" stroke="none" style="opacity: 1;" opacity="1" id="1"/></svg>

这是上面的。我正在处理的html部分

Answer 1

尝试使用以下功能。这是下一个兄弟的跨浏览器代码片段。

    function getNextElementSibling(CurrentElement) {
    if (CurrentElement.nextElementSibling) {
        return CurrentElement.nextElementSibling
    } else {
        do {
            CurrentElement = CurrentElement.nextSibling;
        } while (CurrentElement && CurrentElement.nodeType !== 1);
        return CurrentElement;
    }
}

Answer 2

nextElementSibling 属性仅在 IE9 中受支持，在早期版本的 IE 中不受支持（您可以在此处查看

如果你愿意，你可以使用 JQuery 获取下一个同级，如下所示：

var sibling = $('#' + selected_item_id).next();
alert(sibling.attr('id'));