js中取nodeList集合中第乙個為text問題

2021-09-11 13:04:53 字數 466 閱讀 5964

今天看高程,就順帶敲了一下**,但是結果與想象中是不一樣的話不多說,看圖

"en">the first node

複製**

本來按照我的想象,應該是兩個"p"節點吧,但是,事實是這樣的

這是在逗我嗎,為什麼不按套路出牌,經過查閱,原因如下:

在dom中實際上有乙個叫做textnode的元素,相應的還有document.createtextnode的js方法,而在ie和chrome瀏覽器中會將源**中的換行符渲染成乙個textnode,只是視覺上不可見。

然而,通過childnodes來獲取子元素的時候,結果會包含這些textnode,所以會得到題主所見的情況。

而解決方法很簡單,主要有兩種:

第一,使用children代替childnodes

第二,遍歷childnodes,根據nodetype過濾掉textnode。

js 取map中的引數 JS中的引數傳遞詳解

js語法中的傳遞引數,對於初學者是乙個非常重要的概念。很多小夥伴在學習 值傳遞 和 引用傳遞 時,會有不少煩惱。今天我們就來通過各種姿勢全方位剖析js中的值傳遞。本文章將會用10分鐘時間無死角的解析js的傳參方式,希望能對您有所幫助。先說結論,js只有值傳遞,沒有引用傳遞。這句話可能會顛覆一些小夥伴...

js中取小數整數部分函式 取小數部分

parseint 23.56 結果 23 2.向上取整,有小數就整數部分加1 math.ceil 23.56 結果 24 3,四捨五入.math.round 23.56 結果 24 4,向下取整 math.floor 23.56 結果 23 附 如何判斷輸入的數值型別 使用時不帶引號!d 非負整數 ...

JS中對小數取整的函式

1.丟棄小數部分,保留整數部分 js parseint 7 2 2.向上取整,有小數就整數部分加1 js math.ceil 7 2 3,四捨五入.js math.round 7 2 4,向下取整 js math.floor 7 2 ff firefox,n netscape,ie internet...