前端開發知識點之javascript

mochixuan 發布于2019-08-21 17:07 / 2970人閱讀

摘要：節點有一個屬性用來表示當前元素的類型，它是一個整數，元素，屬性，文本結構兩個節點之間可能存在哪些關系以及如何在節點之間任意移動。

DOM manipulation

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

Element，元素

Attribute，屬性

Text，文本

DOM結構 —— 兩個節點之間可能存在哪些關系以及如何在節點之間任意移動。

當前對象為node

返回父節點：node.parentNode, node.parendElement,

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

返回第一個子節點：node.firstChild

返回最后一個子節點： node.lastChild

返回同屬上一個子節點：node.nextSibling

返回同屬下一個子節點：node.previousSibling

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

DOM操作 ——如何添加、移除、移動、復制、創建和查找節點等。

// 添加、刪除子元素

ele.appendChild(el);

ele.removeChild(el);

// 替換子元素

ele.replaceChild(el1, el2);

// 插入子元素

parentElement.insertBefore(newElement, referenceElement);

//克隆元素

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

childNodes vs children 返回所有子節點：

node.childNodes（包含文本節點及標簽節點）,

node.children

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

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;
  }
}

GPU云服務器云服務器前端開發基礎知識 javascript前端開發 javascript知識點前端知識

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/89149.html

Deep in JS - 收藏集 - 掘金

摘要：今天同學去面試，做了兩道面試題全部做錯了，發過來給道典型的面試題前端掘金在界中，開發人員的需求量一直居高不下。排序算法 -- JavaScript 標準參考教程（alpha） - 前端 - 掘金來自《JavaScript 標準參考教程（alpha）》，by 阮一峰目錄冒泡排序簡介算法實現選擇排序簡介算法實現 ... 圖例詳解那道 setTimeout 與循環閉包的經典面...

enali 2019-08-20 16:36 評論0 收藏0
2017 前端面試準備 - 收藏集 - 掘金

摘要：最近遇到的前端面試題更新版前端掘金個人博客已上線，歡迎前去訪問評論無媛無故的個人博客以下內容非本人原創，是整理后覺得更容易理解的版本，歡迎補充。一道面試題引發的對 javascript 類型轉換的思考 - 前端 - 掘金最近群里有人發了下面這題：實現一個函數，運算結果可以滿足如下預期結果： ... 收集 JavaScript 各種疑難雜癥的問題集錦 - 前端 - 掘金從原博客遷移...

王晗 2019-08-29 12:30 評論0 收藏0
2017 前端面試準備 - 收藏集 - 掘金

摘要：最近遇到的前端面試題更新版前端掘金個人博客已上線，歡迎前去訪問評論無媛無故的個人博客以下內容非本人原創，是整理后覺得更容易理解的版本，歡迎補充。一道面試題引發的對 javascript 類型轉換的思考 - 前端 - 掘金最近群里有人發了下面這題：實現一個函數，運算結果可以滿足如下預期結果： ... 收集 JavaScript 各種疑難雜癥的問題集錦 - 前端 - 掘金從原博客遷移...

xiaochao 2019-08-22 11:03 評論0 收藏0
2017 前端面試準備 - 收藏集 - 掘金

摘要：最近遇到的前端面試題更新版前端掘金個人博客已上線，歡迎前去訪問評論無媛無故的個人博客以下內容非本人原創，是整理后覺得更容易理解的版本，歡迎補充。一道面試題引發的對 javascript 類型轉換的思考 - 前端 - 掘金最近群里有人發了下面這題：實現一個函數，運算結果可以滿足如下預期結果： ... 收集 JavaScript 各種疑難雜癥的問題集錦 - 前端 - 掘金從原博客遷移過來...

KitorinZero 2019-08-20 16:40 評論0 收藏0
雙十二大前端工程師讀書清單

摘要：本文最早為雙十一而作，原標題雙大前端工程師讀書清單，以付費的形式發布在上。發布完本次預告后，捕捉到了一個友善的吐槽讀書清單也要收費。這本書便從的異步編程講起，幫助我們設計快速響應的網絡應用，而非簡單的頁面。本文最早為雙十一而作，原標題雙 11 大前端工程師讀書清單，以付費的形式發布在 GitChat 上。發布之后在讀者圈群聊中和讀者進行了深入的交流，現免費分享到這里，不足之處歡迎指教...

happen 2019-08-02 16:00 評論0 收藏0
雙十二大前端工程師讀書清單

摘要：本文最早為雙十一而作，原標題雙大前端工程師讀書清單，以付費的形式發布在上。發布完本次預告后，捕捉到了一個友善的吐槽讀書清單也要收費。這本書便從的異步編程講起，幫助我們設計快速響應的網絡應用，而非簡單的頁面。本文最早為雙十一而作，原標題雙 11 大前端工程師讀書清單，以付費的形式發布在 GitChat 上。發布之后在讀者圈群聊中和讀者進行了深入的交流，現免費分享到這里，不足之處歡迎指教...

余學文 2019-08-22 11:14 評論0 收藏0