设为首页收藏本站订阅更新

无忧脚本

 找回密码
 加入无忧

QQ登录

只需一步,快速开始

搜索
查看: 1396|回复: 3

[求助] 求高手解答

[复制链接]
发表于 2015-12-5 11:01:31 | 显示全部楼层 |阅读模式
本帖最后由 chaliboy 于 2015-12-5 16:26 编辑

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>JavaScript课后练习</title>
  6. <style>
  7. body,div,h2,ul,li,p{margin:0;padding:0;}
  8. a:link,a:visited{color:#fff;text-decoration:none;}
  9. a:hover{text-decoration:underline;}
  10. body{font:12px/1.5 Tahoma;}
  11. #lesson{width:300px;background:#fff;border:12px solid #eee;margin:10px auto 0;padding:5px;border-radius:10px;}
  12. #lesson2{width:300px;margin:0px auto;}
  13. #lesson h2{color:#fff;font-size:14px;line-height:30px;cursor:pointer;background:#9c0;padding:0 1em;margin-bottom:1px;border-radius:15px 5px;}
  14. #lesson h2.current{background:#09f;}
  15. #lesson ul{list-style-type:none;margin-bottom:1px;}
  16. #lesson li{color:#fff;margin-top:1px;background:#7CF;line-height:25px;padding:0 1.5em;border-radius:10px 5px 5px 10px;}
  17. #copyright{color:#999;width:324px;margin:5px auto 0;text-align:right;}
  18. </style>
  19. <script type="text/javascript">
  20. var get = {
  21.         byId: function(id) {
  22.                 return document.getElementById(id)
  23.         },
  24.         byClass: function(sClass, oParent) {
  25.                 var aClass = [];
  26.                 var aElem = this.byTagName("*", oParent);
  27.                 for (var i = 0; i < aElem.length; i++) aElem[i].className == sClass && aClass.push(aElem[i]);
  28.                 return aClass
  29.         },
  30.         byTagName: function(elem, obj) {
  31.                 return (obj || document).getElementsByTagName(elem)
  32.         }
  33. };
  34. window.onload = function ()
  35. {
  36.         var i,
  37.         n,
  38.         aLi,
  39.         elem = {
  40.                 oParent: get.byId("lesson2"),
  41.                 ul: get.byTagName("ul", this.oParent),
  42.                 h2: get.byTagName("h2", this.oParent),
  43.                 li: get.byTagName("li", this.oParent)
  44.         };
  45.         
  46.         alert(elem.oParent.innerHTML);  //=>这行输出的是lesson2的,没有错误。
  47.         alert(elem.ul[0].innerHTML);    //=>为什么这行输出的不是lesson2的?
  48.         alert(elem.ul.innerHTML);                //=>为什么这里是undefined?
  49.         
  50. };
  51. </script>
  52. </head>
  53. <body>
  54. <div id="lesson">
  55.     <h2>第一课</h2>
  56.     <ul>
  57.         <li><a href="lesson1/01.html" target="_blank">控制Div属性</a></li>
  58.         <li><a href="lesson1/02.html" target="_blank">网页换肤</a></li>

  59.     </ul>
  60.     <h2>第二课</h2>
  61.     <ul>        
  62.         <li><a href="lesson2/01.html" target="_blank">百度输入法</a></li>
  63.         <li><a href="lesson2/02.html" target="_blank">点击Div,显示其innerHTML</a></li>
  64.         <li><a href="lesson2/03.html" target="_blank">求出数组中所有数字的和</a></li>

  65.         </ul>
  66.     <h2>第三课</h2>
  67.     <ul>        
  68.         <li><a href="lesson3/01.html" target="_blank">用typeof查看数据类型</a></li>

  69.         
  70.     </ul>
  71.     <h2>第四课</h2>
  72.     <ul>
  73.             <li><a href="lesson4/01.html" target="_blank">setTimeout应用</a></li>
  74.         <li><a href="lesson4/02.html" target="_blank">自动播放——幻灯片效果</a></li>
  75.         <li><a href="lesson4/03.html" target="_blank">自动改变方向——幻灯片效果</a></li>
  76.         <li><a href="lesson4/04.html" target="_blank">agruments应用——求出函数参数的总合</a></li>
  77.         
  78.     </ul>
  79. </div>
  80. <div id="lesson2">
  81. <h2>第二组的UL</h2>
  82.     <ul>
  83.         <li>第一行1111111</li>
  84.     </ul>
  85.     <ul>
  86.         <li>第二行22222222</li>
  87.     </ul>
  88. </div>
  89. </body>
  90. </html>
复制代码

请问:
alert(elem.oParent.innerHTML);     //=>这行输出的是lesson2的,没有错误。
alert(elem.ul[0].innerHTML);           //=>为什么这么写输出的不是lesson2的?


发表于 2015-12-7 14:21:24 | 显示全部楼层
get.byTagName("ul", this.oParent)
执行时this.oParent的值其实是空
发表于 2015-12-7 14:21:27 | 显示全部楼层
get.byTagName("ul", this.oParent)
执行时this.oParent的值其实是空
 楼主| 发表于 2015-12-7 23:23:19 | 显示全部楼层
谢谢,被迷惑了
您需要登录后才可以回帖 登录 | 加入无忧

本版积分规则

小黑屋|手机版|Archiver|无忧脚本 ( 苏ICP备05080427号 )|值班电话:027-62300445   鄂公网安备 42011102000433号

GMT+8, 2017-11-24 22:32 , Processed in 0.092279 second(s), 7 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表