getElementsByName()

[ボタン main]をクリックすると左から2番目と3番目のボタンの表示がかわります。
getElementsByName()はgetElementsByClassName()と同様にsが付いています。意味するところは複数です。データはelms[]の配列配列で取得します。
name属性がセットできるタグが対象になります。
HTML
  1. <input type="button" id="btn" value="ボタン main">
  2. <input type="button" name="通常" value="ボタン 1">
  3. <input type="button" name="通常" value="ボタン 2">
  4. <input type="button" name="緊急" value="ボタン 3">
JavaScript
  1. window.onload = function() {
  2. // ボタンクリック時の処理
  3. document.getElementById('btn').onclick = function(){
  4. var elms = document.getElementsByName('通常');
  5. for(var i = 0; i < elms.length; i++){
  6. elms[i].value = "通常のボタン"+ (i + 1);
  7. }
  8. };
  9. };
nameが"通常"で定義されているボタンを抽出します。それらのボタンの名前を通常のボタン1のようじ名前を変えます。 name属性で何かのグループ分けしたときに有効だと思います。