javascript 1階層下の最初のhtmlタグ(子要素)を取得する

javascript 1階層下の最初のhtmlタグ(子要素)を取得する

javascriptで、firstElementChildメソッドを使用して、1階層下の最初のhtmlタグ(子要素)を取得するサンプルコードを記述してます。ここでは簡単なfirstElementChildメソッドの使い方も記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43

※windows10にApacheのインストールはこちら

firstElementChildメソッド使い方

firstElementChildメソッドを使うと、最初の1つだけの子要素を取得することができます。

サンプルコード

以下は、firstElementChildメソッドを使用して、「子要素を取得」するボタンをクリックすると、最初にある子要素をコンソールに表示するサンプルコードです。

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

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

コンソール画面