成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

DOM manipulation

Tonny / 1636人閱讀

摘要：節(jié)點有一個屬性用來表示當前元素的類型，它是一個整數(shù)，元素，屬性，文本結(jié)構(gòu)兩個節(jié)點之間可能存在哪些關(guān)系以及如何在節(jié)點之間任意移動。但是和是符合標準的，可以說比較通用。

DOM manipulation

DOM節(jié)點（Node）通常對應(yīng)于一個標簽，一個文本，或者一個HTML屬性。DOM節(jié)點有一個nodeType屬性用來表示當前元素的類型，它是一個整數(shù)：

Element，元素

Attribute，屬性

Text，文本

DOM結(jié)構(gòu) —— 兩個節(jié)點之間可能存在哪些關(guān)系以及如何在節(jié)點之間任意移動。

當前對象為node

返回父節(jié)點：node.parentNode, node.parendElement,

返回所有子節(jié)點：node.childNodes（包含文本節(jié)點及標簽節(jié)點）,node.children

返回第一個子節(jié)點：node.firstChild

返回最后一個子節(jié)點： node.lastChild

返回同屬上一個子節(jié)點：node.nextSibling

返回同屬下一個子節(jié)點：node.previousSibling

parentNode和parentElement功能一樣，childNodes和children功能一樣。但是parentNode和childNodes是符合W3C標準的，可以說比較通用。而另外兩個只是IE支持，不是標準，F(xiàn)irefox就不支持 ,所以大家只要記得有parentElement和children就行了
移位 -> http://www.cnblogs.com/QingFl...

DOM操作 ——如何添加、移除、移動、復(fù)制、創(chuàng)建和查找節(jié)點等。

// 添加、刪除子元素

ele.appendChild(el);

ele.removeChild(el);

// 替換子元素

ele.replaceChild(el1, el2);

// 插入子元素

parentElement.insertBefore(newElement, referenceElement);

//克隆元素

ele.cloneNode(true) //該參數(shù)指示被復(fù)制的節(jié)點是否包括原節(jié)點的所有屬性和子節(jié)點

childNodes vs children 返回所有子節(jié)點：

node.childNodes（包含文本節(jié)點及標簽節(jié)點）,

node.children

Element.children returns only element children(元素節(jié)點), while Node.childNodes returns all node children. Note that elements are nodes, so both are available on elements.（node節(jié)點包括element 節(jié)點）

getElementsByClassName(H5) compatible version

function getElementsByClassName(node, classname) {
  if (node.getElementsByClassName) {
    return node.getElementsByClassName(classname);
  } else {
    var results = new Array();
    var elems = node.getElementsByTagName("*");
    for (var i = 0; i < elems.length; i++) {
      if (elems[i].className.indexOf(classname) != -1) {
        result.push(elems[i]);
      }
    }
    return results;
  }
}

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/89102.html

相關(guān)文章

  • Licia：最全最實用的 JavaScript 工具庫

    摘要：為了避免不同項目之間進行復(fù)制粘貼，可以將這些常用的函數(shù)封裝到一起并發(fā)布包。目前所包含模塊已達三百個，基本可以滿足前端的日常工發(fā)需求。二使用打包工具該項目自帶打包工具，可以通過配置文件或命令行掃描源碼自動生成項目專用的工具庫。 前言 在業(yè)務(wù)開發(fā)過程中，我們經(jīng)常會重復(fù)使用日期格式化、cookie 操作、模板、瀏覽器判斷、類型判斷等功能。為了避免不同項目之間進行復(fù)制粘貼，可以將這些常用的函數(shù)...

    luxixing 評論0 收藏0

  • Awesome JavaScript

    摘要： Awesome JavaScript A collection of awesome browser-side JavaScript libraries, resources and shiny things. Awesome JavaScript Package Managers Loaders Testing Frameworks QA Tools MVC Framew...

    endless_road 評論0 收藏0

  • VueJS源碼學(xué)習(xí)——元素在插入和移出 dom 時的過渡邏輯

    摘要：原文地址項目地址關(guān)于中使用效果，官網(wǎng)上的解釋如下當元素插入到樹或者從樹中移除的時候，屬性提供變換的效果，可以使用來定義變化效果，也可以使用來定義首先第一個函數(shù)是將元素插入，函數(shù)實現(xiàn)調(diào)用了實現(xiàn)代碼如下寫的好的代碼就是文檔，從注釋和命名上就 src/transition 原文地址項目地址 關(guān)于 vue 中使用 transition 效果，官網(wǎng)上的解釋如下： With Vue.js’ tra...

    Dogee 評論0 收藏0

  • Ajax局部頁面刷新和History API結(jié)合的陷阱

    摘要：對于那些老網(wǎng)站或者老項目來說全盤改造成并不現(xiàn)實，于是就有了局部頁面刷新這個解決方案。如果不知道局部頁面刷新是何物請看這里，這里和這里。但實際上，第一次后退無法還原的內(nèi)容陷阱，第二次后退頁面刷新了一切恢復(fù)最初的樣子。 ajax在現(xiàn)代網(wǎng)站已經(jīng)得到非常普遍地應(yīng)用，主要的好處大家都知道（異步加載數(shù)據(jù)，不用刷新整個瀏覽器，更小的數(shù)據(jù)傳輸尺寸）。對于那些老網(wǎng)站或者老項目來說全盤改造成ajax并不現(xiàn)...

    JasinYip 評論0 收藏0

  • FastClick 源碼解讀

    摘要：所有瀏覽器瀏覽器不支持安卓中中有屬性安卓中中有屬性有屬性的有屬性的所以在不需要的瀏覽器會直接掉，不會執(zhí)行下面的所有代碼。見源碼行，可以看出在響應(yīng)無操作后，則觸發(fā)。 其實一直就想花些時間讀一讀那些優(yōu)秀的開源庫，今天終于下了決定打算死磕下自己，2016年每個月讀2-3個優(yōu)秀的開源庫，把源碼精彩的地方和自己心得分享給大家。 目錄 （一）背景（二）源碼解析（三）Zepto 點擊穿透與 Fast...

    Chaz 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<