• <ins id="pjuwb"></ins>
    <blockquote id="pjuwb"><pre id="pjuwb"></pre></blockquote>

    <noscript id="pjuwb"></noscript>
          <sup id="pjuwb"><pre id="pjuwb"></pre></sup>

            <dd id="pjuwb"></dd>
            <abbr id="pjuwb"></abbr>
            

    
            

            




            







												


        

            
	

            
	
            
		
            
			
				
            f(sixleaves) = sixleaves
            
				
            重劍無鋒 大巧不工
            
			            		
		
            
	
            

            

            
	
            
		
            
			
 
C++博客 ::
首頁 ::
新隨筆 ::
聯系 ::
聚合
 ::
管理 ::


			
			
				

            
	
            
		
            
			
			
			
				 
				95 
				隨筆 ::
				0 文章
				::
				7 評論
				::
				0 Trackbacks
			
		
            
	
            

            

			            		
		
            
	
            

            


            


            
	
					

            
	
	
	
            
		理論知識：
            介紹一下DOM，所謂的DOM用英文來說就是DOCUMENT OBJECT MODEL，即文檔-對象-模型。什么意思呢。其實每一個網頁，就是一份HTML文檔，而HTML文檔是可以看成一棵樹的，這棵樹稱為節點樹，顧名思義，它是由節點（Node）構成的。
            而每一個節點其實對應的又是一個對象，既然是對象，就可以擁有屬性，擁有方法。在進一步想，在編程中，創建對象要分配內存，所以一份HTML文檔，其背后是瀏覽器創建了一個DOM的節點樹，這些節點的關系通過指針實現，而每個節點即每個對象
            在內存中都占有一定空間。
            一顆節點樹：

            所以我要介紹下什么是節點：
                       先來看下這張圖：
                       Node是一個類，代表著節點類，其下有Document類，Element類。這兩個類是學習DOM的重點。
                       1.Document類代在瀏覽器中有個Document對象，就是document，它是全局性的。如果你看第一張圖，
                       會發現，document在整個文檔的根節點，。
                       2.Element類，代表的是元素節點，元素節點包括HTML元素節點中所有的元素都是元素節點。
                       3.Document于Element中的HTMLDocument、HTMLElement是不一樣的，Document和Element代表的是HTML/XML
                          文檔，而Element代表的是這些文檔的元素，而HTMLDocument、HTMLElement是進一步的細分，他們代表的是
                          HTML文檔。

            重點知識：
                      前面介紹的理論知識是為了這步做鋪墊的，我們通過上面可以知道，其實HTML文檔相當于一份初始配置文檔，當第一次加載時，瀏覽器把它創建為DOM節點樹保存在內存中，而這以后顯示在瀏覽器上的東西，都是通過讀取DOM節點樹來實現的。
                      所以我們就要學習DOM節點樹提供給我們定位，獲取節點的接口，主要是通過Document對象的實例document中的三個方法。為什么是document對象呢？因為作為一棵樹，它是根節點，通過根節點我們可以搜索到所有節點（學過數據結構的
                      應該很容易理解）。
                      1.所以我們通過document中提供的三個方法：getElementById("XXX");getElementsByTag("XXX");getElementsByClassName("XXX");最后一個是HTML5中新提供的接口。前面兩個，分別是通過Id屬性，和標簽獲取
                      指定的元素或者元素集合。
                      2.既然獲得了節點，我們可以通過節點這個對象所提供的方法來操作節點，說得形象點，我們獲取節點后，可以和節點對話，我們可以向節點發送消息，而消息會激發節點對象相應的動作，具體的，我們可以發送getAttribute("XXX");消息來獲取節點對象屬性的值
                      我們還可以發送消息setAttribute(key,value);來設置指定節點屬性為key的值為value。
                       
            2014.07.09
            03：43
            于福州


            
	
            
	
	
            
		posted on 2014-07-09 03:33 swp 閱讀(173) 評論(0)  編輯 收藏 引用  所屬分類: Web 
	
            

            







            
	    
    




            






            

				

            



    
    







            
	   
	



久久久久久久亚洲精品
|
欧美亚洲日本久久精品|
国产99久久久久久免费看
|
久久无码精品一区二区三区|
久久青青草原精品国产软件|
久久久国产打桩机|
国产福利电影一区二区三区久久老子无码午夜伦不
|
国产激情久久久久久熟女老人|
精品蜜臀久久久久99网站|
久久青草国产精品一区|
四虎国产精品成人免费久久|
久久av无码专区亚洲av桃花岛|
18岁日韩内射颜射午夜久久成人|
日韩久久无码免费毛片软件|
97r久久精品国产99国产精|
无夜精品久久久久久|
蜜桃麻豆www久久|
亚洲中文久久精品无码ww16|
狠狠色丁香婷婷综合久久来来去|
日本人妻丰满熟妇久久久久久|
日韩久久久久中文字幕人妻
|
久久AⅤ人妻少妇嫩草影院|
无码久久精品国产亚洲Av影片|
亚洲色欲久久久久综合网|
色偷偷888欧美精品久久久|
人妻精品久久无码区|
7777精品伊人久久久大香线蕉|
久久精品国产99国产精偷|
久久人人爽人人爽人人片AV不|
一本久久免费视频|
人妻无码久久精品|
中文字幕精品久久|
久久青青色综合|
三级三级久久三级久久|
欧美午夜A∨大片久久
|
伊人 久久 精品|
精品久久久久久无码中文字幕
|
人妻无码αv中文字幕久久琪琪布
人妻无码久久一区二区三区免费
人妻无码中文久久久久专区
|
亚洲乱码精品久久久久..|
一本久久a久久精品vr综合|
亚洲午夜无码久久久久|