DOMに関する 練習問題

hello.htmlを参考に、 「こんにちは!」という文字列をJavaScriptのdocument.writeで 書き出すHTMLページを作成せよ。

1をscript要素のsrc属性で指定した外部JavaScriptソースファイル から読み込むように書き換えよ。

以下のHTML文書片がある。

<p>鎌倉幕府は<span class="check">1192</span>年、</p>

年号部分の背景色と文字色を同一色(たとえば両方ともred)にして、 その部分だけが見えなくなるようなCSS定義をせよ。

前問のspan要素に onclick 属性を追加し、クリックしたら 背景色と文字色を適切に変更し、文字が読み取れるように変える JavaScript関数を呼ぶようにせよ。つまり、

の読めなくなっている赤の部分をクリックすると

と変化するものである。 redyellow.htmlと、 redyellow.jsを 参考にするとよい。

前問の技術を応用して、HTML4+CSSの用語や作成方法について 自習できるHTML文書を作成せよ。中間試験のようなものを自分で 考えて作るとよい。

作成したページは全員で情報交換し、期末試験に備えよう。