「b12_1.html」はHTML 4.01 Strict DTDに準拠した記述であるが、XHTML 1.0 Strict DTDには準拠していない。

「b12_1.html」がXHTML 1.0 Strict DTDに準拠するよう修正したい。

なお、「b12_1.html」は講義資料のページにある。

1行目を正しく修正したものを書け。URLの部分も書くこと。

「b12_1.html」はHTML 4.01 Strict DTDに準拠した記述であるが、XHTML 1.0 Strict DTDには準拠していない。

「b12_1.html」がXHTML 1.0 Strict DTDに準拠するよう修正したい。

なお、「b12_1.html」は講義資料のページにある。

1行目の直前の行に記述する内容を答えよ。属性値を囲むのにはダブルクォーテーションを使うこと。

「b11_2.html」では、2つ並ぶイラストのうち、左側のイラストをクリックすると、「d」というidが付けられた<div>タグで囲まれた範囲に書かれた要素が削除され、その範囲に代わりに「箱の画像」と書かれた<h1>タグの見出しと、「これは箱です。」と書かれた<p>の段落が挿入される。

一方、右側のイラストをクリックすると、「d」というidが付けられた<div>タグで囲まれた範囲に書かれた要素が削除されるだけである。

これを改善し、右側のイラストをクリックすると、「d」というidが付けられた<div>タグで囲まれた範囲に書かれた要素が削除され、その範囲に代わりに「箱が開いた画像」と書かれた<h1>タグの見出しと、「びっくりしました。」と書かれた<p>の段落が挿入されるように「b11_2.js」を修正したい。

その際、これらの<h1>タグや<p>タグは、createElement()を用いて作成するものとする。

「showpage2()」関数内についての内容として適切なものを選択肢からすべて選べ。

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

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

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

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

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

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

図1: b11_1.js

空欄7に必要な内容を書け。

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

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

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

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

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

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

図1: b11_1.js

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

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

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

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

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

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

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

図1: b11_1.js

空欄5に必要な内容を書け。

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

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

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

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

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

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

図1: b11_1.js

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

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

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

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

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

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

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

図1: b11_1.js

空欄3に必要な内容を書け。

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

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

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

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

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

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

図1: b11_1.js

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

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

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

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

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

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

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

図1: b11_1.js

空欄1に必要な内容を書け。