JavaScript實(shí)現(xiàn)獲取某個(gè)元素相鄰兄弟節(jié)點(diǎn)的prev與next方法
本文實(shí)例講述了JavaScript實(shí)現(xiàn)獲取某個(gè)元素相鄰兄弟節(jié)點(diǎn)的prev與next方法。分享給大家供大家參考,具體如下:
/** * 獲取相鄰元素 * @param ele 參考物元素 * @param type 類(lèi)型,上一個(gè)(1)or下一個(gè)(0) * @return 返回查找到的元素Dom對(duì)象,無(wú)則返回null */ function getNearEle(ele, type) { type = type == 1 ? "previousSibling" : "nextSibling"; var nearEle = ele[type]; while(nearEle) { if(nearEle.nodeType === 1) { return nearEle; } nearEle = nearEle[type]; if(!nearEle) { break; } } return null; } /** * 獲取當(dāng)前執(zhí)行對(duì)象的上一個(gè)元素 */ function prev() { return getNearEle(this, 1); } /** * 獲取當(dāng)前執(zhí)行對(duì)象的下一個(gè)元素 */ function next() { return getNearEle(this, 0); } // var ele = document.getElementById("xxx"); // var prevElement = prev.call(ele); // var nextElement = next.call(ele);
更多關(guān)于JavaScript節(jié)點(diǎn)操作相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題:《JavaScript操作DOM技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- JS常見(jiàn)DOM節(jié)點(diǎn)操作示例【創(chuàng)建 ,插入,刪除,復(fù)制,查找】
- 利用vue.js插入dom節(jié)點(diǎn)的方法
- JS獲取子節(jié)點(diǎn)、父節(jié)點(diǎn)和兄弟節(jié)點(diǎn)的方法實(shí)例總結(jié)
- Javascript removeChild()刪除節(jié)點(diǎn)及刪除子節(jié)點(diǎn)的方法
- javascript獲取網(wǎng)頁(yè)中指定節(jié)點(diǎn)的父節(jié)點(diǎn)、子節(jié)點(diǎn)的方法小結(jié)
- js遍歷子節(jié)點(diǎn)子元素附屬性及方法
- JS 獲取HTML標(biāo)簽內(nèi)的子節(jié)點(diǎn)的方法
- 淺談js的html元素的父節(jié)點(diǎn),子節(jié)點(diǎn)
- 刪除javascript所創(chuàng)建子節(jié)點(diǎn)的方法
- js 獲取元素所有兄弟節(jié)點(diǎn)的實(shí)現(xiàn)方法
- JS實(shí)現(xiàn)DOM節(jié)點(diǎn)插入操作之子節(jié)點(diǎn)與兄弟節(jié)點(diǎn)插入操作示例
相關(guān)文章
JS跳轉(zhuǎn)手機(jī)站url的若干注意事項(xiàng)
去年年底開(kāi)發(fā)了一個(gè)手機(jī)站平臺(tái),遇到了很多坎,今天小編給大家分享下使用JS跳轉(zhuǎn)手機(jī)站url的若干注意事項(xiàng),需要的朋友參考下吧2017-10-10JS變量中有var定義和無(wú)var定義的區(qū)別以及es6中l(wèi)et命令和const命令
這篇文章主要介紹了JS變量中有var定義和無(wú)var定義的區(qū)別以及es6中l(wèi)et命令和const命令,需要的朋友可以參考下2017-02-02JavaScript 封裝Ajax傳遞的數(shù)據(jù)代碼
在使用Ajax傳輸數(shù)據(jù)時(shí),少不了對(duì)傳遞的字符進(jìn)行轉(zhuǎn)碼,我的實(shí)現(xiàn)方式是將需要傳遞的數(shù)據(jù)暫存到一js Bean中,將js Bean放到Array中,生成傳輸參數(shù)時(shí)對(duì)Array中的jsBean進(jìn)行分解,得到相應(yīng)屬性信息并編碼..2009-06-06禁止iframe頁(yè)面的所有js腳本如alert及彈出窗口等
一個(gè)頁(yè)面里面需要放一個(gè)iframe框架來(lái)預(yù)覽網(wǎng)站,可是被預(yù)覽的這個(gè)網(wǎng)站中含有很多js腳本,于是想禁止iframe里面的腳本,下面是方法2014-09-09js函數(shù)名與form表單元素同名沖突的問(wèn)題
本篇文章主要是對(duì)js函數(shù)名與form表單元素同名沖突的問(wèn)題進(jìn)行了詳細(xì)的介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-03-03教學(xué)演示-UBB,剪貼板,textRange及其他
教學(xué)演示-UBB,剪貼板,textRange及其他...2006-07-07