设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 技术交流 › Web开发 › 代码求解
返回列表 发新帖
查看: 2133|回复: 2

[已解决]代码求解

[复制链接]
krpa
发表于 2018-8-10 16:01:32 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能^_^

您需要 登录 才可以下载或查看，没有账号？立即注册

x
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>无标题文档</title>
  6. </head>
  7. <body>
  8.   <p id="intro">我的课程</p>  
  9.   <ul>  
  10.     <li title="JS">JavaScript</li>  
  11.     <li title="JQ">JQuery</li>  
  12.     <li title="">HTML/CSS</li>  
  13.     <li title="JAVA">JAVA</li>  
  14.     <li title="">PHP</li>  
  15.   </ul>  
  16.   <h1>以下为li列表title的值,当title为空时，新设置值为"WEB前端技术":</h1>
  17. <script type="text/javascript">
  18.   var Lists=document.getElementsByTagName("li");
  19.   for (var i=0; i<Lists.length;i++)
  20.   {
  21.     var text=li.getAttribute("title")
  22.     document.write(text +"<br>");
  23.     if(text=="")
  24.     {
  25.     List[i].setAttribute("title,'WEB前端技术'")
  26.     document.write(Lists[i].getAttribute("title")+"<br>");
  27.     }
  28.   }
  29. </script>
  30. </body>
  31. </html>
复制代码



以上这段代码得不到想要的结果，请问原因是？
最佳答案
月排行榜 / 总排行榜
不二如是
2018-8-10 17:16:06
1、这段代码就是将列表中的title值输出，如果title为空的li元素内容修改为：“WEB前端技术”

2、实现：
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5.     <title>无标题文档</title>
  6. </head>
  7. <body>
  8. <p id="intro">我的课程</p>
  9. <ul>
  10.     <li title="JS">JavaScript</li>
  11.     <li title="JQ">JQuery</li>
  12.     <li title="">HTML/CSS</li>
  13.     <li title="JAVA">JAVA</li>
  14.     <li title="">PHP</li>
  15. </ul>
  16. <h1>以下为li列表title的值,当title为空时，新设置值为"WEB前端技术":</h1>
  17. <script type="text/javascript">
  18.     var Lists=document.getElementsByTagName("li");
  19.     for (var i=0; i<Lists.length;i++)
  20.     {
  21.         var text=Lists[i].title;
  22.         document.write(text +"<br>");
  23.         if(text=="")
  24.         {
  25.             Lists[i].title = 'WEB前端技术';
  26.             document.write(Lists[i].title+"<br>");
  27.         }
  28.     }
  29. </script>
  30. </body>
  31. </html>
复制代码

Snip20180810_336.png
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

不二如是
发表于 2018-8-10 17:16:06 | 显示全部楼层    本楼为最佳答案   
1、这段代码就是将列表中的title值输出，如果title为空的li元素内容修改为：“WEB前端技术”

2、实现：
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5.     <title>无标题文档</title>
  6. </head>
  7. <body>
  8. <p id="intro">我的课程</p>
  9. <ul>
  10.     <li title="JS">JavaScript</li>
  11.     <li title="JQ">JQuery</li>
  12.     <li title="">HTML/CSS</li>
  13.     <li title="JAVA">JAVA</li>
  14.     <li title="">PHP</li>
  15. </ul>
  16. <h1>以下为li列表title的值,当title为空时，新设置值为"WEB前端技术":</h1>
  17. <script type="text/javascript">
  18.     var Lists=document.getElementsByTagName("li");
  19.     for (var i=0; i<Lists.length;i++)
  20.     {
  21.         var text=Lists[i].title;
  22.         document.write(text +"<br>");
  23.         if(text=="")
  24.         {
  25.             Lists[i].title = 'WEB前端技术';
  26.             document.write(Lists[i].title+"<br>");
  27.         }
  28.     }
  29. </script>
  30. </body>
  31. </html>
复制代码

Snip20180810_336.png
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

krpa
 楼主| 发表于 2018-8-10 21:17:17 | 显示全部楼层
不二如是 发表于 2018-8-10 17:16
1、这段代码就是将列表中的title值输出，如果title为空的li元素内容修改为：“WEB前端技术”

2、实现：
...

明白了，对照了下自己的代码，感觉写得怪怪的哈哈哈
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-4-26 12:21

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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