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

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

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




2.1
<?xml version="1.0" encoding="utf-8" ?> <books> <book> <title>数学読本 1 数・式の計算 方程式 不等式</title> <author>松坂和夫</author> </book> <book> <title>数学読本 2 簡単な関数 平面図形と式 指数関数・対数関数 三角関数</title> <author>松坂和夫</author> </book> <book> <title>数学読本 3 平面のベクトル 複素数と複素平面 空間図形 2字曲線 数列</title> <author>松坂和夫</author> </book> <book> <title>数学読本 4 数列の極限,無限級数 順列・組み合わせ 確率 関数の極限と微分法</title> <author>松坂和夫</author> </book> <book> <title>数学読本 5 微分法の応用 積分法 積分法の応用 行列と行列式</title> <author>松坂和夫</author> </book> <book> <title>数学読本 6 線形写像・1次変換 数論へのプレリュード 集合論へのプレリュード εとδ 落ち穂拾い、など</title> <author>松坂和夫</author> </book> </books>
2.2
<?xml version="1.0" encoding="utf-8" ?> <books> <book> <title author="松坂和夫">数学読本 1 数・式の計算 方程式 不等式</title> </book> <book> <title author="松坂和夫">数学読本 2 簡単な関数 平面図形と式 指数関数・対数関数 三角関数</title> </book> <book> <title author="松坂和夫">数学読本 3 平面のベクトル 複素数と複素平面 空間図形 2字曲線 数列</title> </book> <book> <title author="松坂和夫">数学読本 4 数列の極限,無限級数 順列・組み合わせ 確率 関数の極限と微分法</title> </book> <book> <title author="松坂和夫">数学読本 5 微分法の応用 積分法 積分法の応用 行列と行列式</title> </book> <book> <title author="松坂和夫">数学読本 6 線形写像・1次変換 数論へのプレリュード 集合論へのプレリュード εとδ 落ち穂拾い、など</title> </book> </books>
2.3
<script language="javascript" type="text/javascript"> function InsertH1() { var d0 = document.getElementById("d0"); var h1 = document.createElement("h1"); var text = document.createTextNode("Hello,World!"); h1.appendChild(text); d0.appendChild(h1); }</script> <p>見出し(h1)を挿入してみる。</p> <input type="button" value="Do it" onclick="InsertH1()" /> <p>実行結果</p> <div id="d0"></div>

見出し(h1)を挿入してみる。

実行結果

2.4
<script language="javascript" type="text/javascript"> function InsertP() { var d1 = document.getElementById("d1"); var p = document.createElement("p"); var text = document.createTextNode("段落(p)"); p.appendChild(text); d1.appendChild(p); } function DeleteP() { var d1 = document.getElementById("d1"); if (d1.lastChild == null) { var p = document.createElement("p"); var text = document.createTextNode("まず段落を挿入してください"); p.appendChild(text); d1.appendChild(p); } else { d1.removeChild(d1.lastChild); } }</script> <p>段落を追加したり削除したりしてみる。</p> <input type="button" value="挿入" onclick="InsertP()" /> <input type="button" value="削除" onclick="DeleteP()" /> <p>実行結果</p> <div id="d1"></div>

段落を追加したり削除したりしてみる。

実行結果

2.5
<script language="javascript" type="text/javascript"/> function replaceButtonText() { var button = document.getElementById("b0"); var text = button.childNodes.item(0); var text1 = document.createTextNode("押して!"); button.replaceChild(text1, text); }</script> <p>Buttonの表示を変えてみる。</p> <button id="b0" onclick="replaceButtonText()">Do it!</button>

Buttonの表示を変えてみる。