javascript - 配列からいくつかの要素を取得する必要があります - javascript

Question

Javascript - タイトルの通り。私の例：

var nawigacja = document.getElementsByTagName('nav')[0];
nawigacja.getElementsByTagName('button')[0].className = 'navig';
nawigacja.getElementsByTagName('button')[1].className = 'navig';
nawigacja.getElementsByTagName('button')[2].className = 'navig';
nawigacja.getElementsByTagName('button')[3].className = 'navig';

すべてのタグのクラスを定義できますか?

Answer 1

ループを使用できます。

var buttons = nawigacja.getElementsByTagName('button');
for (var i=0; i < buttons.length; i++) {
  buttons[i].className = 'navig';
}

Answer 2

jQuery Javascript Framework http://jquery.com/を使用する場合、次のように簡単に実行できます。

$('nav button').addClass('navig');

それがなければ、これを行うことができます：

var list = document.getElementsByTagName('nav');
list = list.getElementsByTagName('button');
for(i=0 ; i < list.length ; i ++) {
    list[i].className = 'navig';
}