【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 + "テキスト";
}
})();
