JavaScript之childNodes 和 children 區別
1、先讓我們來看看childNodes的用法,以及是如何計算節點數量:
為什麼輸出是7而不是3呢?原來Internet Explorer 會忽略節點之間生成的空白文字節點(比如換行字元),而 Mozilla 不這麼做。
2、兩者區別:
children() 方法返回被選元素的所有直接子元素。因此上面直接輸出3。
注意:children()在IE中包含註釋節點。
總結:
1、不建議使用childNodes方法。
硬要使用這個方法,可以通過nodeType來判斷是哪種型別的節點,只有當nodeType==1時才是元素節點,2是屬性節點,3是文字節點。因此我們可以通過這樣判斷:
if (nodes.childNodes[i].nodeType == 1) {
// nodes.childNodes[i] 是元素節點
}
2、使用children方法時,不要使用註釋。
3、推薦使用:
var arr = nodes.getElementsByTagName("li");
arr[ i ].xxx
相關推薦
JavaScript之childNodes 和 children 區別
1、先讓我們來看看childNodes的用法,以及是如何計算節點數量: 為什麼輸出是7而不是3呢?原來Internet Explorer 會忽略節點之間生成的空白文字節點(比如換行字元),而 Mozilla 不這麼做。 2、兩者區別:
js表單驗證處理和childNodes 和children 的區別
.get out ren 改名 表單 tex jquery this 如果 一、對提交表單進行空值驗證 html代碼: 1 <form action="#"onsubmit="return validate_form(this);" method="post"&
javascript中childNodes與children的區別
1、childNodes:獲取節點,不同瀏覽器表現不同; IE:只獲取元素節點; 非IE:獲取元素節點與文字節點; 解決方案:if(childNode.nodeName=="#text") continue 或者 if(childNode.nodeType
JavaScript中Null和undefind區別
cdc 如何 undefine 只有一個 som pre cnblogs 定義 報錯 公眾號原文 Javascript有5種基本類型:Boolean,Number,Null,Undefined,String;和一種復雜類型:Object(對象); undef
javascript之原型和原型鏈
-1 至少 實現 min 方法 有意 在屏幕上 度量單位 更多 眾所周知CSS技術我們雖然很熟悉,在使用的過程卻很容易被困住,這讓我們在新問題出現的時候變得很不利。隨著web繼續不斷地發展,對於新技術新解決方案的要求也會不斷增長。 因此,作為網頁設計師和前端開發人
JavaScript 之 var 和 let
1.變數提升的機制 var tmp = new Date(); function f() { let tmp = 'a'; console.log(tmp); let tmp = 'helloworld'; console.log(tmp); } f()
Java基礎之int和Integer區別
1、int和Integer的區別 1、Integer是int的包裝類,int則是java的一種基本資料型別 2、Integer變數必須例項化後才能使用,而int變數不需要 3、Integer實際是物件的引用,當new一個Integer時,實際上是生成一個指標指向此物件;而
Python面試之 is 和 == 的區別
面試實習生的時候,當問到 is 和 == 的區別時,很多同學都答不上來,搞不清兩者什麼時候返回一致,什麼時候返回不一致。本文我們來看一下這兩者的區別。 我們先來看幾個例子: 上面的輸出結果中為什麼有的 is 和 == 的結果相同,有的不相同呢?我們來看下官方文件中對於 is 和
機器學習之分類和迴歸區別闡述
很多人分不清楚分類和迴歸,我來講一下,我們經常會碰到這樣的問題: 1、如何將信用卡申請人分為低、中、高風險群? 2、如何預測哪些顧客在未來半年內會取消該公司服務,哪些電話使用者會申請增值服務? 3、如何預測具有某些特徵的顧客是否會購買一臺新的計算機? 4、如何預測病人應當接受三種
javascript之陣列和物件的資料結構轉換
最近學到物件和陣列的相關知識,將遇到的兩道較複雜的練習題貼出來 var scoreObject = { "Tony": { "Math": 95, "English": 79, "Music": 68 }, "S
JavaScript之BOM和DOM總結
1、BOM BOM(Browser Object Model) 即瀏覽器物件模型,主要是指一些瀏覽器內建物件如:window、location、navigator、screen、history等物件,用於完成一些操作瀏覽器的特定API。用於描述這種物件與物件之間層次關係的模型,瀏覽器物件模型提供了
JAVA學習之--int 和Interger 區別
前言 java 學習這麼久了,之前一直是用的int 變數, 今天突然遇到 Interger ,一下子讓我產生疑惑,還好,在一系列程式碼中搞清了這倆個的關係 int介紹 int 是一種基本的
高效能JavaScript之載入和執行
JS在瀏覽器中的效能,可以認為是開發者所面臨的最重要的可行性問題。這個問題因JS的阻塞特性變得複雜,也就是說當瀏覽器在執行JS程式碼時,不能同時做其他任何事情。事實上,大多數瀏覽器都使用單一程序來處理UI(使用者介面)更新和JavaScript指令碼執行,所以同一時刻只能做其中一件事情。JS執行過程耗時越久,
JavaScript之原型和繼承
1、實現示例: function Person(name, sex) { this.name = name; this.sex = sex; } Person.prototype =
深入javascript之原型和原型鏈
一,函式物件 所有引用型別(函式,陣列,物件)都擁有__proto__屬性(隱式原型) 所有函式擁有prototype屬性(顯式原型)(僅限函式) 原型物件:擁有proto
springBoot入門教程之value和configurationProperties區別
@Component將person值載入到容器中 以前 <bean class="Person"> <property name = "name" value = "字面量/${key} 從環境變數中獲取值"></
mui開發app之plusready和init區別
除了function定義函式之外,全都寫在plusReady之中,function呼叫也放在其中,畢竟做app開發呼叫html5+api十分的頻繁,就像jq的$(document).ready()一樣的道理,尤其是出現plus物件的一定放在plusReady裡面!
深入學習jquery原始碼之siblings()和children()與contents()
深入學習jquery原始碼之siblings()和children()與contents() siblings([expr]) 概述 取得一個包含匹配的元素集合中每一個元素的所有唯一同輩元素的元素集合。可以用可選的表示式進行篩選。 引數 expr String 用於
你想看的整合學習之bagging和boosting區別特徵及例子
這篇文章主要講述整合學習的bagging和boosting。 首先bagging和boosting是整合學習的兩個大家族,每個家族也包括很多成員,例如boosting包括adaboost、xgboost,bagging也有RandomForest等方法。既然b
JDK8lambda表示式之map和FlatMap區別
import java.util.ArrayList; import java.util.List; import java.util.function.Supplier; import java.ut