ホームページ  >  記事  >  ウェブフロントエンド  >  IE の nextSibling_html/css_WEB-ITnose について

IE の nextSibling_html/css_WEB-ITnose について

WBOY
WBOYオリジナル
2016-06-24 11:43:151323ブラウズ

    <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 です。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。