javascript 次にあるhtml要素を取得する

javascript 次にあるhtml要素を取得する

javascriptで、nextElementSiblingメソッドを使用して、指定した要素の次にあるhtml要素を取得するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

nextElementSibling使い方

nextElementSiblingメソッドを使うと、指定した要素の次にあるhtml要素を取得できます。

nextElementSibling使い方

サンプルコード

以下は、「取得」ボタンをクリックすると、指定した要素の次の要素のテキストデータを表示するサンプルコードとなります。

※cssには「bootstrap material」を使用してます。

次の要素が取得できていることが確認できます。