QQ登录

只需一步,快速开始

登录 | 立即注册 | 找回密码
查看: 116|回复: 2

[已解决]关于JavaScript

[复制链接]
最佳答案
0 
累计签到:26 天
连续签到:1 天
发表于 2017-9-9 18:19:55 | 显示全部楼层 |阅读模式

马上注册加入鱼C,享用更多服务吧^_^

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <link rel="stylesheet" type="text/css" href="css/style.css">
  6. <title>Insert title here</title>
  7. <script type="text/javascript">
  8. function numb(){
  9.         var num1 = parseInt(Math.round((Math.random())*20));
  10.         document.getElementById('num1').innerHTML = num1;
  11. }
  12. </script>
  13. </head>
  14. <body onload="numb()">
  15. <div>
  16.         <span id="num1"></span> + <span id="num1"></span> = <br>
  17. </div>
  18. </body>
  19. </html>
复制代码

运行结果是
0001.PNG
为什么只产生了一个数呢。问题出在哪了老铁们
最佳答案
2017-9-9 19:49:35
本帖最后由 不二如是 于 2017-9-9 19:54 编辑

id唯一,所以需要指定两回。

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <link rel="stylesheet" type="text/css" href="css/style.css">
  6.     <title>Insert title here</title>
  7.     <script type="text/javascript">
  8.         function numb(){
  9.             var num1 = parseInt(Math.round((Math.random())*20));
  10.             document.getElementById('num1').innerHTML = num1;

  11.             var num2 = parseInt(Math.round((Math.random())*20));
  12.             document.getElementById('num2').innerHTML = num2;
  13.         }
  14.     </script>
  15. </head>
  16. <body onload="numb()">
  17. <div>
  18.     <span id="num1"></span> + <span id="num2"></span> = <br>
  19. </div>
  20. </body>
  21. </html>
复制代码





class不唯一,注意语法:
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <link rel="stylesheet" type="text/css" href="css/style.css">
  6.     <title>Insert title here</title>
  7.     <script type="text/javascript">
  8.         function numb(){
  9.             var num1 = parseInt(Math.round((Math.random())*20));
  10.             document.getElementsByClassName("num1")[0].innerHTML = num1;
  11.             document.getElementsByClassName("num1")[1].innerHTML = num1;

  12.         }
  13.     </script>
  14. </head>
  15. <body onload="numb()">
  16. <div>
  17.     <span class="num1"></span> + <span class="num1"></span> = <br>
  18. </div>
  19. </body>
  20. </html>
复制代码



1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
最佳答案
513 
累计签到:164 天
连续签到:18 天
发表于 2017-9-9 18:30:19 | 显示全部楼层
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
最佳答案
96 
累计签到:474 天
连续签到:2 天
发表于 2017-9-9 19:49:35 | 显示全部楼层    本楼为最佳答案   
本帖最后由 不二如是 于 2017-9-9 19:54 编辑

id唯一,所以需要指定两回。

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <link rel="stylesheet" type="text/css" href="css/style.css">
  6.     <title>Insert title here</title>
  7.     <script type="text/javascript">
  8.         function numb(){
  9.             var num1 = parseInt(Math.round((Math.random())*20));
  10.             document.getElementById('num1').innerHTML = num1;

  11.             var num2 = parseInt(Math.round((Math.random())*20));
  12.             document.getElementById('num2').innerHTML = num2;
  13.         }
  14.     </script>
  15. </head>
  16. <body onload="numb()">
  17. <div>
  18.     <span id="num1"></span> + <span id="num2"></span> = <br>
  19. </div>
  20. </body>
  21. </html>
复制代码





class不唯一,注意语法:
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <link rel="stylesheet" type="text/css" href="css/style.css">
  6.     <title>Insert title here</title>
  7.     <script type="text/javascript">
  8.         function numb(){
  9.             var num1 = parseInt(Math.round((Math.random())*20));
  10.             document.getElementsByClassName("num1")[0].innerHTML = num1;
  11.             document.getElementsByClassName("num1")[1].innerHTML = num1;

  12.         }
  13.     </script>
  14. </head>
  15. <body onload="numb()">
  16. <div>
  17.     <span class="num1"></span> + <span class="num1"></span> = <br>
  18. </div>
  19. </body>
  20. </html>
复制代码



1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

小甲鱼强烈推荐 上一条 /3 下一条

    移动客户端下载(未启用)
    微信公众号

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备11014136号

Copyright 2018 鱼C论坛 版权所有 All Rights Reserved.

Powered by Discuz! X3.1 Copyright
© 2001-2018 Comsenz Inc.    All Rights Reserved.

小黑屋|手机版|Archiver|鱼C工作室 ( 粤公网安备 44051102000370号 | 粤ICP备11014136号

GMT+8, 2017-11-20 19:29

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