黑马程序员技术交流社区

标题: 用dom列出HTML下所有元素的对象没反应，帮忙看看 [打印本页]
作者: 糖伯貓    时间: 2014-1-19 19:51
标题: 用dom列出HTML下所有元素的对象没反应，帮忙看看
  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>无标题文档</title>

  6. <script type="text/javascript">
  7.                        
  8.                        
  9.                        
  10.                         function listAll(node)
  11.                         {
  12.                                
  13.                                 var nodes = node.childNodes;
  14.                                 for(var x = 0; x<nodes.length ;x++)
  15.                                 {
  16.                                         if(nodes[x].hasChildNodes())       
  17.                                                 listAll(nodes[x]);
  18.                                                 else
  19.                                                 getInfo(nodes[x]);
  20.                                 }
  21.                                
  22.                         }
  23.                         function list()
  24.                         {
  25.                                
  26.                                 listAll(document);
  27.                         }
  28.                        
  29.                        
  30.                         function getInfo (node) {
  31.                                
  32.                                 document.write("name:"+node.nodeName+"..type:"+node.nodeType+"..value:"+node.nodeValue);

  34.                         }
  35. </script>
  36. </head>

  38. <body>
  39. <input type = "button" value = "按我" onclick="list()"></input>
  40.                 <div id = "divid">
  41.                         水电费;
  42.                 </div>       
  43.                 <table id= "table">
  44.                         <tr>
  45.                                 <td>第一个</td>
  46.                                 <td>第二个</td>
  47.                         </tr>
  48.                         <tr>
  49.                                 <td>第三个</td>
  50.                                 <td>第四个</td>
  51.                         </tr>
  52.                 </table>
  53.                 <a >百度</a>

  55. </body>
  56. </html>
复制代码
作者: HelloSummer    时间: 2014-1-19 21:01
  1. <input type = "button" value = "按我" onclick="list()"></input>
复制代码
刚刚拿你那代码调试了下,这一句里面的onclick方法是无效的。原因不明。猜测可能是不同浏览器的兼容程度不同。我用的是chome。换成了下面这句就有反应了：
  1. <button type="button" onClick="list();">按我</button>
复制代码


作者: 糖伯貓    时间: 2014-1-20 10:25
HelloSummer 发表于 2014-1-19 21:01
刚刚拿你那代码调试了下,这一句里面的onclick方法是无效的。原因不明。猜测可能是不同浏览器的兼容程度不同 ...

果然有效了 汗 谢了哦



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2