プログラミング学習の記録 259.1 独習JavaScript (大型本)の第9章(DOM)の理解度チェック

開発環境

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

"独習JavaScript (大型本)"のp.363, 第9章(DOM)の理解度チェックを解いてみる。

1.

var ul = document.getElementById("languages"); var li = ul.getElementsByTagName("li"); for (var i = 0; i < li.length; i++) { document.write("<p>"+li[i].innerText+"</p>"); }

 

2.

var contents = document.getElementById("contents"); var a = document.createElement("a"); a.setAttribute("href", "http://www.google.co.jp/"); var text = document.createTextNode("Google"); a.appendChild(text); contents.appendChild(a);

3.

DOM Level0は省略。

W3C DOM

var text = document.getElementById("text_id"); var value = text.value; alert(value);

 

4.

var content = document.getElementById("content"); content.style.fontSize = "200%";

文字サイズ

5.

① キャプチャーフェーズ  ② ターゲットフェーズ  ③ バブリングフェーズ

 

6.

① "load" ② "addEventListener ③ "click"

 

7.

W3C DOMのイベントモデル、addEventListener()、rempveEventListener()に対応するInternet ExplorerのイベントモデルはそれぞれattachEvent()、deleteEvent()メソッド。