例
リスト項目の次の兄弟のHTMLコンテンツを取得します。
var x =
document.getElementById("item1").nextElementSibling.innerHTML;xの結果は次のようになります。
Tea (second li) »それを自分で試してみてください 定義と使用法
nextElementSiblingプロパティは、同じツリーレベルで、指定された要素の直後の要素を返します。
このプロパティとの間の差nextSiblingは 、nextElementSibling要素ノードとして次の兄弟ノードを返しながらnextSiblingが、要素ノード、テキスト・ノードやコメントノードとして次の兄弟ノードを返すことである(ignores text and comment nodes) 。
このプロパティは読み取り専用です。
ヒント：使用previousElementSiblingの指定された要素の前の要素を返すようにプロパティを。
ヒント：使用する子どもの指定された要素の子要素を返すようにプロパティを。
ブラウザのサポート
| プロパティ | |||||
|---|---|---|---|---|---|
| nextElementSibling | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
構文
node .nextElementSibling技術的な詳細
| 戻り値： | 何次の兄弟がない場合は次の要素の兄弟、またはヌルを表すノードオブジェクト |
|---|---|
| DOMバージョン | コアレベル3要素トラバーサル |