<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                [TOC] * * * * * ### `Node` 類型 DOM中所有節點的父級類型,后面要講到的幾種類型負責實現這一父類型。 ![](https://box.kancloud.cn/d1c5cf1b0ef1e7c8c400e01a797adec3_799x402.png) >node實例有三個常用屬性: `nodeType`(可以判斷這個節點的類型,是元素、注釋或屬性等); `nodeName`(元素節點該值為標簽名的大寫); `nodeValue`(元素節點的該值為null)。 > 判斷是不是元素節點 `someNode.nodeType==1`。 節點類型`nodeType`取值有12種,值為均為常量。 每個節點都有一個`childNodes`屬性,其中保存這一個`nodeList`對象(實時更新)。 * * * * * ~~~ 讀方法: nodeList[index] nodeList.item(index) ~~~ ~~~ 判斷有無子節點: node.hasChildNodes( ) ~~~ > 針對節點的操作函數有:增刪改、拷貝 ~~~ 插在子元素列表的最后: var returnedNode=someNode.appendChild(newNode) ~~~ ~~~ 在某個位置插入: var returnedNode=someNode.insertBefore(newNode,someChildNode); 如果這里的定位子元素為null,那么就會被插入到最后 ~~~ ~~~ 替換原來已有的元素: var returnedNode=someNode.replaceChild(newNode, someChildNode); ~~~ >[success] 對于上面的三個操作,有個規則,如果該節點已經存在于文檔中, 那么此節點會自動從原來的位置移除,出現在新位置上; ~~~ 刪除: var returnedNode=someNode.removeChild(someChildNode) 高程3里描述: “替換和刪除后,原來的節點還在只是沒有了自己的位置 ”,對此我不理解。 ~~~ ~~~ 克隆: var newList=oldList.cloneNode(true/false); true 深拷貝,會把子節點也拷貝上; false 淺拷貝,只是拷貝這個父級元素本身 ~~~ * * * * * **實踐:** :-: ![](https://box.kancloud.cn/3d4a65f20f7b104f9ae37996c1c23967_332x230.png) ![](https://box.kancloud.cn/9e3fa694b7dd6752b2dbe6d06c2cbd8d_716x301.png) ![](https://box.kancloud.cn/a76c9bd4a6f19162ff19c0e26c9f4b04_292x263.png) * * * * * ### `Document` 類型 這里關心的是瀏覽器中與`html`相關的類型(拋開`XML`文檔),`HTMLDocument`(繼承自`Document`)的實例 `document`對象,其表示整個頁面。 ![](https://box.kancloud.cn/a57c8d6ad94fb8018af1c851115bbb9f_191x119.png) ![](https://box.kancloud.cn/470ee38f936c59806679a830a0210140_362x64.png) * * * * * ~~~ document.documentElement 取的HTML的整個引用 方法: .getElementById( ) .getElementsByName( )--可以取出單選元素 如果所求元素不存在就返回null .getElementsByTagName( ) 存在就返回一個 HTMLCollection的實例 讀方法: [], item(), namedItem()--通過元素的name屬性標識 在引擎處理查詢時候, 如果方括號里傳入的是數字,就調用 item(), 如果是字符串就調用 namedItem() 特殊集合: .images .links .forms 文檔寫入(將輸出流寫入到網頁中的能力): write() writeln() (自動帶一個換行符) open() close() 打開和關閉網頁的輸出流, 如果是在頁面加載期間則不需要使用這兩個方法 ~~~ **實踐:** ![](https://box.kancloud.cn/304044596ed3891daa6bf8d50e9192e7_628x138.png) * * * * * ### `Element` 類型 > 用于標識`html`元素,提供了對元素標簽名、子節點、及特性的訪問 所有`html`元素的直接類型都是`HTMLElement`(區別于`XML`) ~~~ 元素的標準屬性,可以直接用點號取出,如 : class,title, name, id, className(有保留字的要做處理,class-->className ) ~~~ ![](https://box.kancloud.cn/89bd395dc332e60098321507b23137e8_607x199.png) ![](https://box.kancloud.cn/950d9036ad18a571c10b0bd651719a36_598x118.png) > 還有一些自定義的屬性,只能用 `getAttribute() , setAttribute() , removeAttribute()` 來操作,自定義屬性在非嚴格模式下如果用點號操作,不會報錯,但是不起作用;嚴格模式下,報錯 ![](https://box.kancloud.cn/e1023924e29f32b87d9b9dab8c6a6d53_486x61.png) ~~~ 創建元素實例 var div=document.createElement('div'); // 書上看到說是可以通過字符串來創建完整的元素,經試驗,不行! div.name .className...... 添加其他屬性就用 setAttribute() ~~~ * * * * * ### `Text` 類型 ~~~ var text=document.createTextNode('wdd') div.appendChild(text) 給元素添加文本節點 ~~~ * * * * * ### `DocumentFragment` 類型 ~~~ document.createDocumentFragment(); 相當于生成了一個 temp,把對DOM要做的操作,先預處理在這個片段上, 然后一次性操作,性能更好。 ~~~ * * * * *
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看