• <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 
	
            

            







            
	    
    




            






            

				

            



    
    







            
	   
	



日韩精品久久无码中文字幕|
久久精品男人影院|
免费观看久久精彩视频|
欧美精品久久久久久久自慰|
伊人久久大香线蕉综合网站|
日韩欧美亚洲国产精品字幕久久久
|
精品综合久久久久久88小说
|
久久精品国产亚洲AV无码偷窥|
久久久黄色大片|
久久精品国产色蜜蜜麻豆|
国产精品久久久久久久久软件|
热综合一本伊人久久精品|
久久夜色精品国产噜噜亚洲a|
国产精品久久久香蕉|
亚洲精品无码专区久久久|
亚洲国产精品无码久久久不卡|
久久久久亚洲AV无码专区体验|
国产精品一区二区久久不卡|
亚洲国产精久久久久久久|
国产精品99久久不卡|
综合久久精品色|
久久亚洲精品国产精品|
91视频国产91久久久|
日韩美女18网站久久精品|
亚洲精品乱码久久久久66|
av无码久久久久久不卡网站|
99久久精品免费看国产一区二区三区|
久久精品国产亚洲av瑜伽|
精品多毛少妇人妻AV免费久久|
国产成人久久精品一区二区三区|
国产成人精品久久亚洲|
欧美日韩久久中文字幕|
99久久免费国产特黄|
亚洲国产精品综合久久网络|
久久国产乱子伦免费精品|
老司机午夜网站国内精品久久久久久久久
|
aaa级精品久久久国产片|
亚洲乱码日产精品a级毛片久久|
久久久久亚洲AV无码网站|
久久夜色撩人精品国产|
久久超乳爆乳中文字幕|