【JavaScript】クラス要素の数だけ繰り返し、テキストを差し替える
2017/08/08

あるクラスを持った要素だけに変更を加えたい場合に、for文を使って対応。
それと、特定のクラス要素内のテキスト差し替え方法の備忘録。
HTML
<div> <p class="odd">テキストテキスト</p> <p class="even">テキストテキスト</p> <p class="odd">テキストテキスト</p> <p class="even">テキストテキスト</p> <p class="odd">テキストテキスト</p> </div>
JavaScript
(window.onload = function() { var ele = document.getElementsByClassName("odd"); for(var i = 0; i < ele.length; i++){ ele[i].innerHTML= i + "テキスト"; } })();