setattribute - jsを使用して特定のクラスを持つすべての要素に属性を追加する

Question

*JS*
document.getElementsByClassName('abc')[0].setAttribute('id', 'abe');

*html*
<div class="abc"></div>
<div class="abc"></div>

このスクリプトを複数の要素で機能させるにはどうすればよいですか？

Answer 1

このようなもの

var divs = document.getElementsByClassName('abc');
for (i = 0; i < divs.length; i++) {
  divs[i].setAttribute('id', 'abe');
}