這篇文章主要介紹了javascript獲取dom的下一個節點方法,實現在頁面點擊加減按鈕數字的累加,需要的朋友可以參考下
利用javascript 寫一個在頁面點擊加減按鈕實現數字的累加。
簡略的html大概就是如此。看得懂就好不要在意這些細節啊
<input type="button" value="+" onclick="jia(this)" /> <label class="num">0</label> <input type="button" value="-" onclick="jian(this)" />
樣子是這樣的
javascript 程式碼如下
<script type="text/javascript"> function jia(a) { var nextnode = a.nextElementSibling;//获取下一个节点 alert(nextnode.innerHTML); var a = parseInt(nextnode.innerHTML) a += 1; nextnode.innerHTML = a; } function jian(a) { var previousnode = a.previousElementSibling; var a = parseInt(previousnode.innerHTML) a -= 1; a = a > 0 ? a : 0; previousnode.innerHTML = a; } </script>
#解釋:
##function jian(a)和function jia(a)就是目前點擊的物件了。在onclick事件接的方法裡加了this;- nextElementSibling 獲取當前節點的下一個節點(獲得下一個兄弟節點)
- previousElementSibling 獲取當前節點的上一個節點
previousSibling 也是得下一個兄弟節點和上一個兄弟節點的,只是在IE中好用
------------ --------關鍵字解釋
以上是javascript取得dom的下一個節點方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!