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

開発環境

• Microsoft Windows 7 Home Premium (OS)
• Internet Explorer 8 (プラウザ)
• Microsoft Visual Web Developer 2010 Express Edition (IDE)
• Script言語:JavaScript

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

2.1

<?xml version="1.0" encoding="utf-8" ?> <books> <book> <title>第2版 初めてのC#</title> <author>Jesse Liberty, Brian MacDonald</author> </book> <book> <title>JavvaScript 1 はじめてのプログラミングとJavaScriptの基礎</title> <author>日向俊二</author> </book> <book> <title>JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック</title> <author>日向俊二</author> </book> </books>

 

2.2

<?xml version="1.0" encoding="utf-8" ?> <books> <book> <title author="Jesse Liberty, Brian MacDonald">第2版 初めてのC#</title> </book> <book> <title author="日向俊二">JavvaScript 1 はじめてのプログラミングとJavaScriptの基礎</title> </book> <book> <title author="日向俊二">JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック</title> </book> </books>

 

2.3

function InsertH1() { var d0 = document.getElementById("d0"); var h1 = document.createElement("h1"); var text = document.createTextNode("見出しH1"); h1.appendChild(text); d0.appendChild(h1); }

 

2.4

var d1 = document.getElementById("d1"); d1.removeChild(d1.childNodes.item(0));

段落1

段落2

段落3

段落4

段落5

 

2.5

var btn = document.getElementById("btn"); var newText = document.createTextNode("押して!"); var oldText = btn.childNodes.item(0); btn.replaceChild(newText, oldText);