国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

JavaScript が兄弟ノードを取得する

前のノードを取得する

JavaScriptでは、previousSiblingを使用して前のノードを取得します。

構(gòu)文:

    nodeObject.previousSibling


このうち、nodeObjectはノードオブジェクト(要素ノード)です。

IE では、ノード間の空白ノード (スペース、キャリッジ リターン、Tab キー) は無視されます。W3C 仕様に準(zhǔn)拠したブラウザ (Chrome、FireFox、Safari など) では無視されます。

次のコードを見てください:

<div id="demo">
    <div name="preNode">上一個節(jié)點</div>
    <div id="thisNode">當(dāng)前節(jié)點</div>
    <div name="nextNode">下一個節(jié)點</div>
</div>
<script type="text/javascript">
document.getElementById("thisNode").onclick=function(){
    var preNode=this.previousSibling;
    alert(
        "上一個節(jié)點的類型是:"+preNode.nodeType+"\n"+
        (preNode.nodeType==1?"上一個節(jié)點的名稱是:"+preNode.getAttribute("name"):"")
        );
}
</script>

デモの例: QQ截圖20161013110309.png

IE8.0 では、次のように表示されます:
前のノードのタイプ: 1
前のノードの名前: preNode
Chrome、Opera、Safari および FireFox では、次のように表示されます:
前のノードのタイプは次のとおりです: 3

上記のコードを少し変更して、ノード間のスペースを削除します:

<div id="demo"><div name="preNode">上一個節(jié)點</div><div id="thisNode">當(dāng)前節(jié)點</div><div name="nextNode">下一個節(jié)點</div></div>
<script type="text/javascript">
document.getElementById("thisNode").onclick=function(){
    var preNode=this.previousSibling;
    alert(
        "上一個節(jié)點的類型是:"+preNode.nodeType+"\n"+
        (preNode.nodeType==1?"上一個節(jié)點的名稱是:"+preNode.getAttribute("name"):"")
        );
}
</script>

デモの例: QQ截圖20161013110349.png


Underすべてのブラウザ、表示:
前のノードのタイプは: 1
前のノードの名前は: preNode

次のノードを取得します

Javascript では、nextSibling を通じて次のノードを取得できます。

IE では nextSibling もノード間の空白ノード (スペース、復(fù)帰、Tab キー) を無視しますが、W3C 仕様に準(zhǔn)拠したブラウザー (Chrome、FireFox、Safari など) では無視されます。


學(xué)び続ける
||
<html> <head> <div id="demo"> <div name="preNode">上一個節(jié)點</div> <div id="thisNode">當(dāng)前節(jié)點</div> <div name="nextNode">下一個節(jié)點</div> </div> <script type="text/javascript"> document.getElementById("thisNode").onclick=function(){ var preNode=this.previousSibling; alert( "上一個節(jié)點的類型是:"+preNode.nodeType+"\n"+ (preNode.nodeType==1?"上一個節(jié)點的名稱是:"+preNode.getAttribute("name"):"") ); } </script> </head> <body> </body> </html>