javascript中的nextSibling使用陷(da)阱(keng)
今天寫js的時(shí)候遇到了一個(gè)陷(da)阱(keng)
關(guān)于HTML/XML節(jié)點(diǎn)的問(wèn)題
據(jù)說(shuō)在IE中nextSibling不會(huì)返回文本節(jié)點(diǎn)，而chrome或者firefox等會(huì)返回文本節(jié)點(diǎn)……
這個(gè)我的工作帶來(lái)了很嚴(yán)重的問(wèn)題
在網(wǎng)上搜到了很多處理方法，都是給js添加各種封裝的函數(shù)……
后來(lái)我發(fā)現(xiàn)有個(gè)nextElementSibling方法……
這個(gè)不會(huì)返回文本節(jié)點(diǎn)，不管是什么瀏覽器……
真是大坑
同樣，對(duì)于fistChild有對(duì)應(yīng)的firstElementChild。其他的選擇節(jié)點(diǎn)的函數(shù)應(yīng)該也有對(duì)應(yīng)的Element方法，不過(guò)還沒(méi)試過(guò)……
然后我突然發(fā)現(xiàn)了個(gè)fistChildElement()……⊙﹏⊙b汗，我猜這是c++里面的……
相關(guān)文章
利用js實(shí)現(xiàn)可進(jìn)行時(shí)間和工作調(diào)度的任務(wù)管理器
這篇文章主要為大家詳細(xì)介紹了如何利用js實(shí)現(xiàn)一個(gè)可進(jìn)行時(shí)間和工作調(diào)度的任務(wù)管理器,文中的示例代碼簡(jiǎn)潔易懂,有需要的小伙伴可以參考一下2023-10-10
詳解微信小程序工程化探索之webpack實(shí)戰(zhàn)
這篇文章主要介紹了詳解微信小程序工程化探索之webpack實(shí)戰(zhàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
微信小程序?qū)崿F(xiàn)判斷是分享到群還是個(gè)人功能示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)判斷是分享到群還是個(gè)人功能,結(jié)合實(shí)例形式分析了微信小程序分享與判斷功能的實(shí)現(xiàn)原理、步驟及相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
JS+CSS實(shí)現(xiàn)大氣的黑色首頁(yè)導(dǎo)航菜單效果代碼
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)大氣的黑色首頁(yè)導(dǎo)航菜單效果代碼,涉及JavaScript基于鼠標(biāo)事件實(shí)現(xiàn)頁(yè)面樣式動(dòng)態(tài)切換的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了Bootstrap Validator 表單驗(yàn)證的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
ajax如何實(shí)現(xiàn)頁(yè)面局部跳轉(zhuǎn)與結(jié)果返回
AJAX即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)，通過(guò)在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁(yè)實(shí)現(xiàn)異步更新，本篇文章給大家介紹ajax如何實(shí)現(xiàn)頁(yè)面局部跳轉(zhuǎn)與結(jié)果返回，感興趣的朋友一起來(lái)學(xué)習(xí)2015-08-08
上次做圖片滑動(dòng)展示效果時(shí)做了減速效果，就想做一個(gè)加速效果。結(jié)合起來(lái)就想到了下面這個(gè)東西，當(dāng)然只是類似彈簧，而不是真正的彈簧。2008-09-09
如何在JavaScript中創(chuàng)建具有多個(gè)空格的字符串？
這篇文章主要介紹了如何在JavaScript中創(chuàng)建具有多個(gè)空格的字符串？,需要的朋友可以參考下2020-02-02
JavaScript實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)表格某行時(shí)此行變色
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)表格某行時(shí)此行變色，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
腳本和web頁(yè)共用同一個(gè)文件測(cè)試...2006-10-10