【学習ノート】JavaScript DOMプログラミングアート

一、要点を述べる
1,プログラム設計言語は解釈型とコンパイル型の2種類に分けられています.JSは解釈型で、Webブラウザで説明しながら実行します.
2,「/」は単一行を注釈し,「/*/」は複数行を注釈する.バックスラッシュ「\」で文字を変換します.
3,変数名はアンダースコアでmy_のようです.moodは、関数名、方法名、およびオブジェクト属性名の中で、myFunのようなラクダのピークを選択します.
4,JSは弱い言語、文字列と数値のスプライスとして、結果は文字列です.
5,対象事例化用newは、自主的に作成されたオブジェクト、内装オブジェクト(Aray,Math,Date)と宿主オブジェクト(例えばForm,Element)を含む.
6,typeofは、操作数が文字列、数値、関数、ブール値かオブジェクトかを判断します.
7,DOMの動作モードはドキュメントの内容を先に読み込んでから、動的に更新します.したがって、DOMの方法は、ドキュメント自体のソースコードを変更しません.
8,DOM動作はDOM Core(JSに専ら属していない)、HTM-DOM(例えば.forms、.src、.inners HTML)、CSS-DOM(例えばelem.style.co lor)に分類される.
 
二、DOMコア
1、要素を取得する

getElementById

getElementsByTagName    //    *

getElementsByClassName  //        



//         

parentNode

childNodes

firstChild/lastChild

nextSibling

2、ノードの属性

//       
nodeType    //1(  ),2(  ),3(  ),8（  ）,9（  ）
nodeName    //  ：   ；  ：   ；  ：#text
nodeValue   //  ：null；  ：   ；  ：   

3、元素属性の方法

getAttribute('')

setAttribute('','')  //    ，    
removeAttribute('')

4、スタイルの関連属性

className  //    className   style

elem.style.fontSize    //CSS-DOM，style     HTML style       

5、追加要素を作成する

//    HTML
document.write()  //  body   <script>  ，     
innerHTML         //     HTML  ，HTML-DOM  

//  DOM  
createElement()

appendChild()

creatTextNode()  //      

parentElem.insertBefore(newElem,targetElem)
removeChild()

三、WINDOW

//          
window.onload = function(){
　　func1();
　　func2();
　　...
}
//     ，     
window.open(url,winName,"width=300,height=400")

四、アニメ

//interval     

clearTimeoutFunc = setTimeout("function()",interval)

clearTimeout(clearTimeoutFunc)



//      （interval  ）    

clearIntervalFunc = setInterval("function()",interval)

clearTimeout(clearIntervalFunc)

付:Webブラウザエンジンカーネル

Webkit        //safari,Chrome 

Gecko         //Firefox

Trident       //IE