• <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 閱讀(186) 評論(0)  編輯 收藏 引用 所屬分類: Web
            精品国产乱码久久久久软件| 久久夜色精品国产亚洲av| 久久精品成人| 99久久国产综合精品成人影院| 伊人 久久 精品| 久久久久成人精品无码中文字幕 | 久久久WWW成人| 97久久精品人人做人人爽| 久久九九兔免费精品6| 人妻无码久久一区二区三区免费| 久久综合伊人77777| 亚洲中文精品久久久久久不卡| 国产精品毛片久久久久久久 | 亚洲日韩中文无码久久| 久久精品国产亚洲欧美| 久久久久人妻一区二区三区 | 久久国产V一级毛多内射| 亚洲中文字幕无码久久2020| 狠狠狠色丁香婷婷综合久久俺| 久久综合久久伊人| 午夜精品久久久久久久| 久久亚洲精品无码观看不卡| 久久亚洲美女精品国产精品| 久久久受www免费人成| 久久噜噜电影你懂的| 国产激情久久久久久熟女老人| 久久综合狠狠综合久久激情 | 亚洲国产精品久久电影欧美| 亚洲国产精品成人久久蜜臀| 国产精品狼人久久久久影院| 97精品伊人久久大香线蕉app | 国产精品一久久香蕉国产线看| 亚洲国产成人久久精品99 | 久久高潮一级毛片免费| 久久久久夜夜夜精品国产| 久久精品www人人爽人人| 2021最新久久久视精品爱 | 精品一区二区久久| 狠狠色婷婷久久一区二区三区| 精品综合久久久久久98| 久久久亚洲欧洲日产国码是AV|