childNodes.length與children.length的區(qū)別
更新時間：2009年05月14日 23:36:22 作者：
childNodes.length與children.length的值常不一樣。
因為childNodes包含的不僅僅只有html節(jié)點，所有屬性，文本等都包含在childNodes里面,你可以通過nodeType來判斷是哪種類型的節(jié)點，只有當nodeType==1時才使元素節(jié)點，2是屬性節(jié)點，3是文本節(jié)點。而children.length只計算節(jié)點的數(shù)量。
包括進行節(jié)點長度的計算，節(jié)點的移動時都要注意這一點。
要獲得一個元素的文本，比如要獲得一個P節(jié)點的文本，有的人喜歡使用innerHTML，更改也是一樣，其實這不太好，因為使用innerHTML瀏覽器會認為你要插入的東西是一段標簽文本，而你只想插入一段純文本，這就導致瀏覽器試圖去解析你的那段純文本，這會造成不必要的資源浪費。所以建議使用element.firstChild.nodeValue,為什么是firstChild呢？因為childNodes[0]就是文本節(jié)點，不信你可以看看它的nodeType。
包括進行節(jié)點長度的計算，節(jié)點的移動時都要注意這一點。
要獲得一個元素的文本，比如要獲得一個P節(jié)點的文本，有的人喜歡使用innerHTML，更改也是一樣，其實這不太好，因為使用innerHTML瀏覽器會認為你要插入的東西是一段標簽文本，而你只想插入一段純文本，這就導致瀏覽器試圖去解析你的那段純文本，這會造成不必要的資源浪費。所以建議使用element.firstChild.nodeValue,為什么是firstChild呢？因為childNodes[0]就是文本節(jié)點，不信你可以看看它的nodeType。
相關文章
Vant Weapp 是移動端 Vue 組件庫 Vant 的小程序版本,兩者基于相同的視覺規(guī)范,提供一致的 API 接口,助力開發(fā)者快速搭建小程序應用,這篇文章主要給大家介紹了關于微信小程序引入Vant框架的相關資料,需要的朋友可以參考下2021-06-06
用到 dialog彈出框時，不想要右上角的X 關閉功能，只是做個提示信息顯示，下面是具體的去掉方法，大家可以參考下2014-04-04
JavaScript中運算符規(guī)則和隱式類型轉(zhuǎn)換示例詳解
JavaScript中運算符規(guī)則的隱式類型轉(zhuǎn)換是什么? 這是每個學習Javascript的新手們都應該知道的一個問題，下面這篇文章主要給大家介紹了關于JavaScript中運算符規(guī)則和隱式類型轉(zhuǎn)換的相關資料，需要的朋友可以參考借鑒，下面來一起看看吧。2017-09-09
在開發(fā)網(wǎng)頁的過程中,經(jīng)常需要實現(xiàn)導航菜單的切換,下面這篇文章主要給大家介紹了關于前端導航欄不變切換局部頁面的3種方法,文中給出了詳細的代碼示例,需要的朋友可以參考下2023-12-12
這篇文章主要介紹了Javascript異步編程之Promise，想了解異步編程和Promise的同學，可以參考下2021-04-04
ES6允許按照一定模式，從數(shù)組和對象中提取值，對變量進行賦值，這被稱為解構（Destructuring），下文中給大家提供了嵌套數(shù)組的解構例子，大家一起看看吧2017-09-09
用原生JS寫一個簡單的表單驗證功能，代碼分為html部分和js部分，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-03-03
這篇文章主要介紹了Webpack的Loader和Plugin的區(qū)別，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-11-11
在javascript前端開發(fā)階段經(jīng)常會遇到this，閉包，原型鏈知識，那么大家對這三種的基本知識理解嗎？今天小編就帶領大家一起學習this，閉包，原型鏈的知識，感興趣的朋友一起看看吧2016-09-09
javascript瀏覽器用戶代理檢測腳本實現(xiàn)方法
下面小編就為大家?guī)硪黄猨avascript瀏覽器用戶代理檢測腳本實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10