- 違い:
- (テキストノード、コメント・ノードを含む)次の兄弟ノードのプロパティは、要素ノードを返す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