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