Web Dragon

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

あるクラスを持った要素だけに変更を加えたい場合に、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 + "テキスト";
	}
})();