javascript - javascript関数でgetElementsByClassNameを使用するには?

Question

JavaScript で複数の ID を使用する方法がわかりません。単一の ID とgetElementByIdでは問題ありませんが、ID をクラスに変更して機能を使用しようとするとすぐに機能しgetElementsByClassNameなくなります。このトピックに関する約 100 の投稿を読みました。まだ答えが見つからないので、ここの誰かがgetElementsByClassName仕事をする方法を知っていることを願っています.

テストに使用した簡単なコードを次に示します。

function change(){
    document.getElementById('box_one').style.backgroundColor = "blue";
}

function change_boxes(){
    document.getElementsByClassName ('boxes').style.backgroundColor = "green";
}

   
<input name="" type="button" onClick="change(document.getElementById('box_one')); change_boxes(document.getElementsByClassName('boxes'))" value="Click" />   

<div id="box_one"></div>
<div class="boxes" ></div>
<div class="boxes" ></div>