「b11_1.html」では、「表示変更」と書かれている個所をクリックしても、何も起こらない。

これを改善し、「表示変更」と書かれている個所をクリックすると、<h1>タグで囲まれた範囲に書かれた「犬」の文字が「猫」に、<p>タグで囲まれた範囲に書かれた「犬です」の文字が「猫です」に、<h4>タグで囲まれた範囲に赤い文字で書かれた「赤犬」の文字が青い文字で書かれた「青猫」になるように「b11_1.js」を修正したい。

その際、この<h1>タグの取得にはgetElementById()を使用し、この<p>タグの取得にはgetElementsByClassName()を使用し、この<h4>タグの取得にはgetElementsByTagName()を使用するものとする。

修正後の「changepage()」関数を空欄付きで図1に示す。

必要なファイルは講義資料のページにある。

これらのファイルはすべて同じディレクトリに置かれるものとする。

図1: b11_1.js

空欄2に必要な内容を書け。なお、要素の値は「textContent」で参照するものとする。