利用javascript 寫一個(gè)在頁面點(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)的下一個(gè)節(jié)點(diǎn)(獲得下一個(gè)兄弟節(jié)點(diǎn))
- previousElementSibling 獲取當(dāng)前節(jié)點(diǎn)的上一個(gè)節(jié)點(diǎn)
注意: IE將跳過在節(jié)點(diǎn)之間產(chǎn)生的空格文檔節(jié)點(diǎn)(如:換行字符),而Mozilla不會(huì)這樣——FF會(huì)把諸如空格換行之類的排版元素視作節(jié)點(diǎn)讀取,因此,在ie 中用nextSibling便可讀取到的下一個(gè)節(jié)點(diǎn)元素,在FF中就需要這樣寫:nextElementSibling了。
上面的解釋的意思的使用 nextElementSibling 和previousElementSibling 獲得下一個(gè)兄弟節(jié)點(diǎn)和上一個(gè)兄弟節(jié)點(diǎn),可以去掉換行,空格上面之類的,直接找到我們標(biāo)簽元素。但是下面的兩個(gè)
nextSibling
previousSibling 也是得下一個(gè)兄弟節(jié)點(diǎn)和上一個(gè)兄弟節(jié)點(diǎn)的,只是在IE中好用
--------------------關(guān)鍵字解釋
parseInt 轉(zhuǎn)化功能。
a = a > 0 ? a : 0;----三元表達(dá)式。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com