关于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的指点！