javascript獲取dom的下一個節(jié)點(diǎn)方法

來源：懂視網(wǎng) 責(zé)編：小采時間：2020-11-27 19:50:23

javascript獲取dom的下一個節(jié)點(diǎn)方法

javascript獲取dom的下一個節(jié)點(diǎn)方法:這篇文章主要介紹了javascript獲取dom的下一個節(jié)點(diǎn)方法,實(shí)現(xiàn)在頁面點(diǎn)擊加減按鈕數(shù)字的累加，需要的朋友可以參考下利用javascript 寫一個在頁面點(diǎn)擊加減按鈕實(shí)現(xiàn)數(shù)字的累加。簡略的html大概如此。看得懂就好不要在意這些細(xì)節(jié)啊<input type=&

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀javascript獲取dom的下一個節(jié)點(diǎn)方法:這篇文章主要介紹了javascript獲取dom的下一個節(jié)點(diǎn)方法,實(shí)現(xiàn)在頁面點(diǎn)擊加減按鈕數(shù)字的累加，需要的朋友可以參考下利用javascript 寫一個在頁面點(diǎn)擊加減按鈕實(shí)現(xiàn)數(shù)字的累加。簡略的html大概如此。看得懂就好不要在意這些細(xì)節(jié)啊<input type=&

這篇文章主要介紹了javascript獲取dom的下一個節(jié)點(diǎn)方法,實(shí)現(xiàn)在頁面點(diǎn)擊加減按鈕數(shù)字的累加，需要的朋友可以參考下

利用javascript 寫一個在頁面點(diǎn)擊加減按鈕實(shí)現(xiàn)數(shù)字的累加。

簡略的html大概如此。看得懂就好不要在意這些細(xì)節(jié)啊

樣子是這樣的

javascript 代碼如下

解釋一下：

function jian(a）和

function jia(a)就是當(dāng)前點(diǎn)擊的對象了。在onclick事件接的方法里加了this;

- nextElementSibling 獲取當(dāng)前節(jié)點(diǎn)的下一個節(jié)點(diǎn)(獲得下一個兄弟節(jié)點(diǎn))
- previousElementSibling 獲取當(dāng)前節(jié)點(diǎn)的上一個節(jié)點(diǎn)

注意： IE將跳過在節(jié)點(diǎn)之間產(chǎn)生的空格文檔節(jié)點(diǎn)（如：換行字符），而Mozilla不會這樣——FF會把諸如空格換行之類的排版元素視作節(jié)點(diǎn)讀取，因此，在ie 中用nextSibling便可讀取到的下一個節(jié)點(diǎn)元素，在FF中就需要這樣寫：nextElementSibling了。

上面的解釋的意思的使用 nextElementSibling 和previousElementSibling 獲得下一個兄弟節(jié)點(diǎn)和上一個兄弟節(jié)點(diǎn)，可以去掉換行，空格上面之類的，直接找到我們標(biāo)簽元素。但是下面的兩個

nextSibling
previousSibling 也是得下一個兄弟節(jié)點(diǎn)和上一個兄弟節(jié)點(diǎn)的，只是在IE中好用
--------------------關(guān)鍵字解釋

parseInt 轉(zhuǎn)化功能。

a = a > 0 ? a : 0;----三元表達(dá)式。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com