プログラミング学習の記録 351 『初めてのJavaScript 第2版』(シェリー・パワーズ著、武舎広幸+武舎るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5)の9章(ブラウザオブジェクトモデル), 練習問題4, 5

開発環境

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

『初めてのJavaScript 第2版』(シェリー・パワーズ著、武舎広幸+武舎るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5)の9章(ブラウザオブジェクトモデル)の練習問題9-4, 9-5を解いてみる。

9-4.

window.open( "http://www.google.com/", "Google", "width=200,height=200,toolbar=no,status=no,resizable=yes");

 

9-5.

<form id="form0" action="">

<input type="text"></input>

</form>

フォームのid属性を利用してdocument.getElementIdでアクセス。

var form0 = document.getElementById("form0"); var text = form0.getElementsByTagName("form")[0].value; document.write( "<p>" + text + "</p><p><a href=\"http://sitekamimura.blogspot.com/2010/10/351-javascript-22009isbn978-4-84311-425.html\">" +"戻る</a></p>" + "<p><a href=\"http://sitekamimura.blogspot.com/\">" + "Kamimura's blog</a></p>");

forms集合を利用してdocument.getElementsByTagNameでアクセス。(form要素にidが設定されてない場合)

var form0 = document.getElementsByTagName("form")[1]; var text = form0.getElementsByTagName("input")[0].value; document.write( "<p>" + text + "</p><p><a href=\"http://sitekamimura.blogspot.com/2010/10/351-javascript-22009isbn978-4-84311-425.html\">" + "戻る</a></p>" + "<p><a href=\"http://sitekamimura.blogspot.com/\">" + "Kamimura's blog</a></p>");