JavaScript

element.childNodes

直下の子ノードをリストで取得。 ※要素でなくノードを取得することに注意。 HTML JavaScript 参照対象

element.getElementsByTagName(name)

要素の名前を指定し、子孫ノードから要素リストを取得。 HTML < div id = "id-name" > <p> document.getElementByIdはidから要素ノードを見つけます。 </p> <p> element.getElementByTagNameは要素からノードリストを取得します。 </p> </div> JavaScript var a = document.getEl…

document.getElementById(id)

HTMLのid属性に書いた値を参照し、要素を1つ取得する。 HTML <div id = "id-name" > <p> document.getElementByIdは、idから要素を見つけます。 </p> </div> JavaScript var a= document.getElementById("id-name"); alert(a);(出力) >object HTMLDivElement divの要素が返ってきていることを…

DOM

Document Object Modelの略 JavaScriptでHTMLを操作するための規定。 ツリー構造を持つ。 DOMの関数 document.getElementById(id) element.getElementsByTagName(name) element.childNodes※elementはHTML上の要素を指す。

デバック方法

alert アラートダイアログに出力。 出力中はプログラムが進まないためループでの使用は控えるべき。 使用例 var output = 2; alert("output="+output); 出力 >output=2 console.log ブラウザのコンソールにメッセージを表示。 プログラムが止まらないのでル…