javascript liタグの数をカウントする

javascript liタグの数をカウントする

javascriptで、childElementCountプロパティを使用してliタグの数をカウントするサンプルコードを記述してます。

環境

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

childElementCountプロパティ使い方

childElementCountプロパティを使うと、子要素の数をカウントすることができます。

childElementCountプロパティ使い方

サンプルコード

以下は、ランダムな配列をランダムな個数作成したものを、liタグにしてフロントに表示させている数を表示するサンプルコードとなります。

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

カウントされていることが確認できます。