国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

Javascript遞歸打印Document層次關(guān)系實例分析

2024-05-06 16:20:20
字體:
供稿:網(wǎng)友

這篇文章主要介紹了Javascript遞歸打印Document層次關(guān)系的方法,實例分析了javascript中Document的層次關(guān)系,需要的朋友可以參考下

本文實例講述了Javascript遞歸打印Document層次關(guān)系的方法。分享給大家供大家參考。具體如下:

 

 
  1. <html xmlns="http://www.w3.org/1999/xhtml"
  2. <head> 
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  4. <title>遞歸顯示節(jié)點層次關(guān)系</title> 
  5. <script type="text/javascript"
  6. var ResultStr = ""
  7. function ListNode(node,level) { 
  8. PrintInfo(node, level); 
  9. level++; 
  10. var nodes = node.childNodes; 
  11. for (var i = 0; i < nodes.length; i++) { 
  12. if (nodes[i].hasChildNodes()) { 
  13. ListNode(nodes[i], level); //遞歸 
  14. else { 
  15. PrintInfo(nodes[i], level); 
  16. function getSpace(level) { 
  17. var s = ""
  18. for (var i = 0; i < level; i++) { 
  19. s+="!----" 
  20. return s; 
  21. function PrintInfo(node, level) { 
  22. ResultStr += getSpace(level) + "Name:" + node.nodeName +  
  23. "...Type:" + node.nodeType + "...Value:" + node.nodeValue + "<br />"
  24. function getDocAllInfo() { 
  25. ResultStr = ""
  26. ListNode(document, 0); 
  27. document.write(ResultStr); 
  28. </script> 
  29. </head> 
  30. <body> 
  31. <input type="button" value="測試" onclick="getDocAllInfo()" /> 
  32. <div id="divDemo">div內(nèi)容</div> 
  33. <table> 
  34. <tr> 
  35. <td>單元格1</td> 
  36. <td>單元格2</td> 
  37. </tr> 
  38. <tr> 
  39. <td>單元格3</td> 
  40. <td>單元格4</td> 
  41. </tr> 
  42. </table> 
  43. <input type="text" /> 
  44. <span>我是SPAN</span> 
  45. <!--我是注釋--> 
  46. </body> 
  47. </html> 

希望本文所述對大家的javascript程序設(shè)計有所幫助。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 普陀区| 宁陕县| 云霄县| 湄潭县| 塔河县| 永仁县| 福建省| 阳高县| 高州市| 固阳县| 新蔡县| 韩城市| 巴彦淖尔市| 全椒县| 遂川县| 宝鸡市| 沅陵县| 镇康县| 九龙县| 德兴市| 葫芦岛市| 莱西市| 专栏| 西峡县| 林州市| 贡嘎县| 磐石市| 濮阳市| 巴彦淖尔市| 陵水| 灵宝市| 进贤县| 江孜县| 江川县| 张北县| 华坪县| 武乡县| 邵武市| 敦煌市| 沅江市| 襄城县|