「JavaScript入門」getElementsByClassName()で指定クラスを持つ要素を取得する

2020年2月24日

サンプルコード

htmlコード
  <div class="member">
    <h1>aaa</h1>
    <div>
        <p>bbbb</p>
    </div>
  </div>
  
JSコード  
/*memberクラスを持つ全ての要素を取得*/
var cft = document.getElementsByClassName('member');
  for(var i = 0; i < cft.length; i++){
        /* tag要素を取得*/
        strDivAA = cft[i].getElementsByTagName('div');

        /* 要素の番号を指定する*/
        strDivBB = cft[i].children[1]);
    }