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