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

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

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




2.5
<script language="javascript" type="text/javascript"> // buttonの表記を変更 function replace() { // id=buttonのtagを取得 var button = document.getElementById("button"); // 取得したtagのchildNodesを取得(index0) var text0 = button.childNodes.item(0); // TextNodeを作成 var text1 = document.createTextNode("押して!"); // buttonのchildNodexを置き換える button.replaceChild(text1, text0); }</script> <p>Clickすると表示が変わるよ!</p> <button id="button" onclick="replace()">Do it</button>

Clickすると表示が変わるよ!