資訊專欄INFORMATION COLUMN
摘要：節(jié)點有一個屬性用來表示當(dāng)前元素的類型，它是一個整數(shù)，元素，屬性，文本結(jié)構(gòu)兩個節(jié)點之間可能存在哪些關(guān)系以及如何在節(jié)點之間任意移動。
DOM manipulation
DOM節(jié)點（Node）通常對應(yīng)于一個標(biāo)簽，一個文本，或者一個HTML屬性。DOM節(jié)點有一個nodeType屬性用來表示當(dāng)前元素的類型，它是一個整數(shù)：
Element，元素
Attribute，屬性
Text，文本
DOM結(jié)構(gòu) —— 兩個節(jié)點之間可能存在哪些關(guān)系以及如何在節(jié)點之間任意移動。
當(dāng)前對象為node
返回父節(jié)點：node.parentNode, node.parendElement,
返回所有子節(jié)點：node.childNodes（包含文本節(jié)點及標(biāo)簽節(jié)點）,node.children
返回第一個子節(jié)點：node.firstChild
返回最后一個子節(jié)點： node.lastChild
返回同屬上一個子節(jié)點：node.nextSibling
返回同屬下一個子節(jié)點：node.previousSibling
parentNode和parentElement功能一樣，childNodes和children功能一樣。但是parentNode和childNodes是符合W3C標(biāo)準(zhǔn)的，可以說比較通用。而另外兩個只是IE支持，不是標(biāo)準(zhǔn)，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é)點及標(biāo)簽節(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://m.hztianpu.com/yun/89149.html
摘要：今天同學(xué)去面試，做了兩道面試題全部做錯了，發(fā)過來給道典型的面試題前端掘金在界中，開發(fā)人員的需求量一直居高不下。 排序算法 -- JavaScript 標(biāo)準(zhǔn)參考教程（alpha） - 前端 - 掘金來自《JavaScript 標(biāo)準(zhǔn)參考教程（alpha）》，by 阮一峰 目錄 冒泡排序 簡介 算法實現(xiàn) 選擇排序 簡介 算法實現(xiàn) ... 圖例詳解那道 setTimeout 與循環(huán)閉包的經(jīng)典面...
摘要：最近遇到的前端面試題更新版前端掘金個人博客已上線，歡迎前去訪問評論無媛無故的個人博客以下內(nèi)容非本人原創(chuàng)，是整理后覺得更容易理解的版本，歡迎補(bǔ)充。 一道面試題引發(fā)的對 javascript 類型轉(zhuǎn)換的思考 - 前端 - 掘金 最近群里有人發(fā)了下面這題：實現(xiàn)一個函數(shù)，運算結(jié)果可以滿足如下預(yù)期結(jié)果： ... 收集 JavaScript 各種疑難雜癥的問題集錦 - 前端 - 掘金 從原博客遷移...
摘要：最近遇到的前端面試題更新版前端掘金個人博客已上線，歡迎前去訪問評論無媛無故的個人博客以下內(nèi)容非本人原創(chuàng)，是整理后覺得更容易理解的版本，歡迎補(bǔ)充。 一道面試題引發(fā)的對 javascript 類型轉(zhuǎn)換的思考 - 前端 - 掘金 最近群里有人發(fā)了下面這題：實現(xiàn)一個函數(shù)，運算結(jié)果可以滿足如下預(yù)期結(jié)果： ... 收集 JavaScript 各種疑難雜癥的問題集錦 - 前端 - 掘金 從原博客遷移...
摘要：最近遇到的前端面試題更新版前端掘金個人博客已上線，歡迎前去訪問評論無媛無故的個人博客以下內(nèi)容非本人原創(chuàng)，是整理后覺得更容易理解的版本，歡迎補(bǔ)充。 一道面試題引發(fā)的對 javascript 類型轉(zhuǎn)換的思考 - 前端 - 掘金最近群里有人發(fā)了下面這題：實現(xiàn)一個函數(shù)，運算結(jié)果可以滿足如下預(yù)期結(jié)果： ... 收集 JavaScript 各種疑難雜癥的問題集錦 - 前端 - 掘金從原博客遷移過來...
摘要：本文最早為雙十一而作，原標(biāo)題雙大前端工程師讀書清單，以付費的形式發(fā)布在上。發(fā)布完本次預(yù)告后，捕捉到了一個友善的吐槽讀書清單也要收費。這本書便從的異步編程講起，幫助我們設(shè)計快速響應(yīng)的網(wǎng)絡(luò)應(yīng)用，而非簡單的頁面。 本文最早為雙十一而作，原標(biāo)題雙 11 大前端工程師讀書清單，以付費的形式發(fā)布在 GitChat 上。發(fā)布之后在讀者圈群聊中和讀者進(jìn)行了深入的交流，現(xiàn)免費分享到這里，不足之處歡迎指教...
閱讀 1642·2023-04-26 02:50
閱讀 3630·2023-04-26 00:28
閱讀 2010·2023-04-25 15:18
閱讀 3280·2021-11-24 10:31
閱讀 1083·2019-08-30 13:00
閱讀 1072·2019-08-29 15:19
閱讀 1836·2019-08-29 13:09
閱讀 3043·2019-08-29 13:06
