关于IE里的nextSibling

    <script>        var shq = {}        shq.cmenu = function (e) {            var e = window.event ? window.event.srcElement : e.target;            if (/a/i.test(e.tagName)) {                alert(e.parentNode.nextSibling.nodeType); // 3  text                e.parentNode.nextSibling.innerHTML = e.innerHTML;                e.blur();            }        }    </script>    <div id="div1" onclick="shq.cmenu(event)">        <a href="#">特色</a>    </div>    <div id="div2"></div>

系统环境:win8,ie11

问题：nextSibling取得当前节点同一级别的下一个节点，没有成功。

过程描述：当点击 【特色】 时，div2的innerHtml没有变成【特色】调试时发现e.parentNode.nextSibling不是下一个div而是#text，nodetype等于3.

个人得出的结论：不知道对不对，现在结果是这样。

div1.nextSibling.nextSibling才是div2。

当然这种做法不恰当，所以改成下面这样。

    <script>        var shq = {}        var nNode = {}        shq.cmenu = function (e) {            var e = window.event ? window.event.srcElement : e.target;            if (/a/i.test(e.tagName)) {                //alert(e.parentNode.nextSibling.nodeType); // 3  text                nNode=e.parentNode.nextSibling;                while(nNode.nodeType!=1){                    nNode=nNode.nextSibling;                }                nNode.innerHTML = e.innerHTML;                e.blur();            }        }    </script>    <div id="div1" onclick="shq.cmenu(event)">        <a href="#">特色</a>    </div>    <div id="div2"></div>

谢谢 chocho的指点！