• <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综合| 亚洲午夜无码久久久久|