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

            逛奔的蝸牛

            我不聰明,但我會很努力

               ::  :: 新隨筆 ::  ::  :: 管理 ::
            這兩個屬性返回的都是直接孩子,即下某元素的下一層結(jié)點,而不是所有的子孫。

            children只返回元素如input, span, script, div等,不會返回TextNode,注釋
            childNodes只但會返回元素,還會返回TextNode,注釋等。所以操作的時候使用children更多一些。

            使用:
            如document.appendChild只能添加Element對象,而不能直接使用"<input type='text'>"這樣的字符串直接添加結(jié)點。但是利用DocumentFragment和childNodes可以很容易的實現(xiàn)添加此種類型的結(jié)點:

                var nd = {}
                nd.Fragment = function() {
                  this.initialize(arguments);
                }
                nd.Fragment.prototype = {
                  initialize: function() {
                    this._frag = document.createDocumentFragment();
                    this._nodes = [];
                  },
                  appendSource: function(source) {
                    var div = document.createElement('div');
                    div.innerHTML = source;
                    for (var i=0; i < div.childNodes.length; i++) {
                      var node = div.childNodes[i].cloneNode(true); // 復(fù)制結(jié)點
                        console.log(div.childNodes[i].parentNode);
                      this._nodes.push(node);
                      this._frag.appendChild(node);
                    };
                  },
                  appendTo: function(element) {
                    if (element) {
                      element.appendChild(this._frag); // 添加到指定的元素中
                    }
                  },
                  reclaim: function() {
                    for (var i=0; i < this._nodes.length; i++) {
                      var node = this._nodes[i];
                      this._frag.appendChild(node);
                    };
                  }
                }
               
                var frag = new nd.Fragment();
                frag.appendSource(
                "<table>"
                    + "<tr><td>Hello</td></tr>"
                    + "<tr><td>Biao</td></tr>"
                    + "<tr><td>Bin</td></tr>"
                + "</table>"
                );
               
                frag.appendTo(document.getElementById('container'));
            posted on 2010-06-20 13:55 逛奔的蝸牛 閱讀(6279) 評論(0)  編輯 收藏 引用 所屬分類: 其他編程
            97久久国产亚洲精品超碰热| 欧美性大战久久久久久| 国产成年无码久久久久毛片 | 久久丝袜精品中文字幕| 久久最新免费视频| 久久精品国产网红主播| 狠狠久久综合伊人不卡| 久久综合香蕉国产蜜臀AV| 久久亚洲高清观看| 无码国产69精品久久久久网站| 青青青国产精品国产精品久久久久| 亚洲精品美女久久久久99小说| 久久无码人妻一区二区三区午夜 | 99久久国产宗和精品1上映| 亚洲国产精品热久久| 欧美va久久久噜噜噜久久| 久久精品国产WWW456C0M| 精品永久久福利一区二区| 蜜臀久久99精品久久久久久| 久久综合丁香激情久久| 久久ww精品w免费人成| 久久久久久精品久久久久| 欧美精品一区二区久久| 久久久久亚洲精品无码网址| 四虎国产精品免费久久久| 亚洲AV日韩精品久久久久| 久久久久久国产精品美女| 久久笫一福利免费导航| 中文字幕精品久久| 久久人妻AV中文字幕| 精品国产乱码久久久久久呢| 久久久久国产精品三级网| 成人国内精品久久久久影院VR| 狠狠狠色丁香婷婷综合久久五月| 久久久久人妻一区二区三区vr | 久久一区二区三区99| 国产亚州精品女人久久久久久 | 影音先锋女人AV鲁色资源网久久| 久久久亚洲裙底偷窥综合| 狠狠色丁香久久婷婷综合| 色婷婷久久综合中文久久蜜桃av|