JavaScript獲取下一個同級元素節點
本章節分享一段程式碼例項,它實現了獲取當前元素下一個同級dom元素的功能。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #box li { width: 350px; height: 25px; line-height: 25px; font-size: 12px; } </style> <script type="text/javascript"> window.onload = function () { var li = document.getElementById("antzone"); var odiv = document.getElementById("show"); var node = li.nextSibling; while (node.nodeType == 3) { node = node.nextSibling; } odiv.innerHTML = node.innerHTML; } </script> </head> <body> <ul id="box"> <li>螞蟻部落歡迎您,只有努力才會有美好的未來</li> <li>每一天都是新的,必須要好好把握。</li> <li>沒有人一開始就是高手,必須要努力奮鬥。</li> <li id="antzone">未來都是虛無縹緲的,只有當前是現實。</li> <li>分享和互助式進步的最大原動力</li> <li>本站的url地址是softwhy.com</li> </ul> <div id="show"></div> </body> </html>
上面的程式碼實現了我們的要求,更多內容可以參閱相關閱讀。
相關閱讀:
(1).nodeType參閱JavaScript nodeType一章節。
(2).innerHTML參閱JavaScript innerHTML一章節。
(3).while語句參閱JavaScript while一章節。
(4).nextSibling參閱JavaScript nextSibling一章節。
相關文章
- JavaScript 獲取下一個元素節點JavaScript
- JavaScript獲取下一個元素JavaScript
- 原生javascript獲取下一級子元素程式碼例項JavaScript
- JavaScript獲取同級元素JavaScript
- JavaScript 獲取同級元素JavaScript
- JavaScript獲取父元素下子元素節點JavaScript
- javascript實現的獲取下一個li元素程式碼例項JavaScript
- JavaScript 獲取所有後代元素節點JavaScript
- 原生javascript如何刪除一個元素節點物件JavaScript物件
- JavaScript獲取指定元素的同輩元素JavaScript
- JavaScript獲取HTML DOM節點元素詳解(轉)JavaScriptHTML
- javascript獲取當前元素的上一級元素JavaScript
- jq獲取上級、同級、下級元素
- JavaScript獲取上一個元素JavaScript
- jquery獲取元素節點jQuery
- javascript如何獲取哪個元素獲得焦點JavaScript
- javascript如何實現複製克隆一個dom元素節點JavaScript
- 工作流引擎Activiti中獲取下一分支節點
- 原生js實現的獲取當前元素的上一個元素節點JS
- jquery獲取指定節點的第一級文字節點jQuery
- JavaScript 獲取指定標籤一級子元素JavaScript
- JavaScript獲取元素下指定型別的一級子元素JavaScript型別
- jQuery如何獲取元素父節點和子節點jQuery
- javascript如何建立一個文字節點JavaScript
- jQuery如何複製克隆一個元素節點jQuery
- JavaScript獲取陣列最後一個元素JavaScript陣列
- JavaScript學習之DOM(節點、節點層級、節點操作)JavaScript
- javascript刪除元素節點removeChild()函式JavaScriptREM函式
- jquery如何新增一個新的元素節點jQuery
- 獲取當前元素在兄弟元素節點中的索引索引
- 封裝js獲取當前元素的弟弟元素節點封裝JS
- JavaScript 判斷元素是否獲得焦點JavaScript
- javascript DOM元素節點操作簡單介紹JavaScript
- JavaScript刪除元素節點程式碼例項JavaScript
- JavaScript 獲取第n個li元素JavaScript
- javascript如何建立一個屬性節點物件JavaScript物件
- JavaScript點選按鈕刪除一個div元素JavaScript
- js獲取節點元素物件的方法介紹JS物件