プログラミング学習の記録 155 JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)の練習問題2.3

開発環境:Microsoft Visual Web Developer+Internet Explorer
Script言語:JavaScript

"JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)"のp.52の練習問題2.3を解いてみる。




2.3
<script language="javascript" type="text/javascript"> // 見出しを挿入 function InsertH1() { // id=d0のtagを取得 var d0 = document.getElementById("d0"); // 見出し(h1)を作成 var h1 = document.createElement("h1"); // textを作成 var text = document.createTextNode("Hellow,JavaScript!"); // 取得したd0にh1を、作成したh1のtextを子要素として追加 d0.appendChild(h1); h1.appendChild(text); }</script> <p>以下に見出しを挿入してみる。</p> <input type="button" value="Do it" onclick="InsertH1()" /> <div id="d0"></div>

以下に見出しを挿入してみる。