資訊專欄INFORMATION COLUMN
摘要：針對(duì)類似于對(duì)象，那就是返回包含此節(jié)點(diǎn)的子節(jié)點(diǎn)的對(duì)象。當(dāng)兩個(gè)元素之間有空格的時(shí)候，即使沒有寫入文字，但是依然會(huì)有一個(gè)節(jié)點(diǎn)。返回該節(jié)點(diǎn)的前一個(gè)和后一個(gè)兄弟節(jié)點(diǎn)。返回此元素的去除空格元素的的子節(jié)點(diǎn)個(gè)數(shù)并沒有一個(gè)對(duì)于的與它對(duì)應(yīng)。
首先把，接下來用于測(cè)試的html先貼出來：
item list
在前面的文章“JavaScript DOM 1－ node, Node, HTMLElement之間到底是什么關(guān)系”中，已經(jīng)解釋過的兩個(gè)概念：
1: 整個(gè)document文檔就是一棵樹，這就意味著我們可以從某一個(gè)節(jié)點(diǎn)（node）開始，遍歷這顆樹上所有的節(jié)點(diǎn)
2: 因?yàn)閐ocument中的所有元素都是一個(gè)Node對(duì)象, 那就是說定義在Node類上的所有公用屬性和方法，每一個(gè)node都可以說使用
為了實(shí)現(xiàn)對(duì)整棵樹節(jié)點(diǎn)的遍歷，Node定義了以下的相關(guān)屬性：
1: parentNode
返回該節(jié)點(diǎn)的父節(jié)點(diǎn)。針對(duì)類似于Document對(duì)象，那就是null.
2: childNodes [children]
返回包含此節(jié)點(diǎn)的子節(jié)點(diǎn)的NodeList對(duì)象。
這個(gè)屬性的返回結(jié)果可能不是你直觀想象的那樣。
以上結(jié)果是我們開篇那段HTML上測(cè)試的結(jié)果。當(dāng)兩個(gè)元素之間有空格的時(shí)候，即使沒有寫入文字，但是依然會(huì)有一個(gè)"text"節(jié)點(diǎn)。所以我們以為對(duì)bookList這個(gè)"
1: 第一個(gè)"
但是如果我們想只返回那兩個(gè)"
3: firstChild, lastChild [firstElementChild, lastElementChild]
返回該節(jié)點(diǎn)的子節(jié)點(diǎn)中的第一個(gè)和最后一個(gè)。
同樣的，因?yàn)樵诘诙c(diǎn)提到的原因呢，或許它放回的不是你直覺上的結(jié)果。
4: previousSibling, nextSibling [previousElementSibling, nextElementSibling]
返回該節(jié)點(diǎn)的前一個(gè)和后一個(gè)兄弟節(jié)點(diǎn)。
依然上會(huì)把空格算進(jìn)去，而與之對(duì)應(yīng)的".previousElementSibling"和"nextElementSibling"則不會(huì)。
5: nodeValue
返回Text節(jié)點(diǎn)或者Comment節(jié)點(diǎn)的文本內(nèi)容，對(duì)于HTMLElement之類的返回null
6: nodeName
返回元素的標(biāo)簽名，以大寫表示
對(duì)于空格的text返回"#text",而對(duì)于我們常見的這些標(biāo)簽就返回大寫的標(biāo)簽名字，比方說"
7: childElementCount
返回此元素的去除空格元素的的子節(jié)點(diǎn)個(gè)數(shù)
childElementCount = children.length. 并沒有一個(gè)對(duì)于的childCount與它對(duì)應(yīng)。如果想得出包含空格在內(nèi)的元素的個(gè)數(shù)，可以通過：childNodes.length 獲取。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/83590.html
摘要：在其沙箱中提供了將文本轉(zhuǎn)換成文檔對(duì)象模型的功能。瀏覽器使用與該形狀對(duì)應(yīng)的數(shù)據(jù)結(jié)構(gòu)來表示文檔。我們將這種表示方式稱為文檔對(duì)象模型，或簡稱。樹回想一下第章中提到的語法樹。語言的語法樹有標(biāo)識(shí)符值和應(yīng)用節(jié)點(diǎn)。元素表示標(biāo)簽的節(jié)點(diǎn)用于確定文檔結(jié)構(gòu)。 來源：ApacheCN『JavaScript 編程精解 中文第三版』翻譯項(xiàng)目原文：The Document Object Model 譯者：飛龍 協(xié)議...
摘要：當(dāng)這些異步任務(wù)發(fā)生的時(shí)候，它們將會(huì)被放入瀏覽器的事件任務(wù)隊(duì)列中去，等到運(yùn)行時(shí)執(zhí)行線程空閑時(shí)候才會(huì)按照隊(duì)列先進(jìn)先出的原則被一一執(zhí)行，但終究還是單線程。 瀏覽器是多進(jìn)程的 showImg(https://segmentfault.com/img/remote/1460000019706956?w=815&h=517); Browser進(jìn)程： 瀏覽器的主進(jìn)程（負(fù)責(zé)協(xié)調(diào)、主控），只有一個(gè)。 負(fù)...
摘要：當(dāng)這些異步任務(wù)發(fā)生的時(shí)候，它們將會(huì)被放入瀏覽器的事件任務(wù)隊(duì)列中去，等到運(yùn)行時(shí)執(zhí)行線程空閑時(shí)候才會(huì)按照隊(duì)列先進(jìn)先出的原則被一一執(zhí)行，但終究還是單線程。 瀏覽器是多進(jìn)程的 showImg(https://segmentfault.com/img/remote/1460000019706956?w=815&h=517); Browser進(jìn)程： 瀏覽器的主進(jìn)程（負(fù)責(zé)協(xié)調(diào)、主控），只有一個(gè)。 負(fù)...
摘要：希望在做所有事情之前，操作文檔。不受層級(jí)限制子選擇器在給定的父元素下匹配所有子元素。相鄰選擇器匹配所有緊接在元素后的元素。判斷當(dāng)前對(duì)象中的某個(gè)元素是否包含指定類名，包含返回，不包含返回下標(biāo)過濾器精確選出指定下標(biāo)元素獲取第個(gè)元素。 原文鏈接 http://blog.poetries.top/2016... 首先，來了解一下jQuery學(xué)習(xí)的整體思路 showImg(https://seg...
摘要：前端性能優(yōu)化指南優(yōu)化緩存異步并不等于即時(shí)。操作性能問題主要有以下原因。發(fā)生在之前，所以相對(duì)來說會(huì)造成更多性能損耗。新引擎還對(duì)對(duì)象屬性訪問做了優(yōu)化，解決方案叫，簡稱。代價(jià)是前置的掃描類型編譯優(yōu)化。數(shù)組，，閉包變量不在優(yōu)化范疇之列。 前端性能優(yōu)化指南 AJAX優(yōu)化 緩存AJAX： 異步并不等于即時(shí)。 請(qǐng)求使用GET： 當(dāng)使用XMLHttpRequest時(shí)，而URL長度不到2K...
閱讀 2437·2021-11-24 10:27
閱讀 3661·2019-08-30 15:55
閱讀 3430·2019-08-30 15:53
閱讀 2409·2019-08-29 17:27
閱讀 1503·2019-08-26 13:47
閱讀 3623·2019-08-26 10:28
閱讀 990·2019-08-23 15:59
閱讀 2937·2019-08-23 15:19
