属性と属性nextElementSiblingをnextSiblingの類似点と相違点

 

  • 違い:
  • (テキストノード、コメント・ノードを含む)次の兄弟ノードのプロパティは、要素ノードを返すnextSibling後、
  • 専用プロパティをnextElementSibling後(テキストノード、コメントノードを含まない)次の兄弟ノードは、要素ノードを返します。
  • 同じポイント:
  • nextElementSibling財産とnextSiblingプロパティは読み取り専用です属性を。
  • 何次の兄弟要素がnullを返すない場合nextSiblingプロパティ属性と戻り値は、次の兄弟ノードの要素を表すノードオブジェクトをnextElementSiblingれます。

  ヒント: 使用  previousElementSiblingの  プロパティは、指定した要素の最初の要素を返します。

 

例:

 

次のノード値の値を取得します。

 

出力:

 

 

注:nextSibling方法において、スペースの要素は、テキストとして扱われ、テキストは、テキストノードとして扱われます。

              あなたは要素間のスペースを追加した場合、結果は「未定義」になります。

 

 同じ例では、のは、この状況を見てみましょう:

 

 

 次のノード値の値を取得します。

出力:

 

 

参考リンク:https://www.runoob.com/jsref/prop-element-nextelementsibling.html

     https://www.runoob.com/jsref/prop-node-nextsibling.html

 

おすすめ

転載: www.cnblogs.com/chenjun1/p/11521464.html