鱼C论坛

 找回密码
 立即注册
查看: 2359|回复: 2

[已解决]对于这段代码不太理解

[复制链接]
发表于 2018-7-3 12:24:36 | 显示全部楼层 |阅读模式

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

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

x
  1. <script type="text/javascript">
  2.         function hidetext()  
  3.                 {  
  4.                 var mychar = document.getElementById("con");
  5.         
  6.                 }  
  7.                 function showtext()  
  8.                 {  
  9.                 var mychar = document.getElementById("con");
  10.         
  11.                 }
  12.     </script>
  13. </head>
  14. <body>  
  15.     <h1>JavaScript</h1>  
  16.     <p id="con">做为一个Web开发师来说,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。</p>
复制代码




如上。为什么同一个con可以既显示又隐藏?不是很能理解。。。
最佳答案
2018-7-3 14:20:06
1、目前这段代码,不具备隐藏/显示文本的功能。
因为:hidetext()和showtext()方法,都没有相应的DOM操作(只有一个mychar寻找到目标节点)。

需要显示/隐藏修改如下,目前假设通过按钮触发:
Jul-03-2018 14-19-39.gif


  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6. </head>
  7. <body>
  8. <h1>JavaScript</h1>
  9. <p id="con">做为一个Web开发师来说,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。</p>
  10. <input type="button" onclick="hidetext()" value="隐藏">
  11. <input type="button" onclick="showtext()" value="显示">
  12. <script type="text/javascript">
  13.     function hidetext()
  14.     {
  15.         document.getElementById("con").style.display="none";

  16.     }
  17.     function showtext()
  18.     {
  19.         document.getElementById("con").style.display="block";

  20.     }
  21. </script>
  22. </body>
  23. </html>
复制代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2018-7-3 14:20:06 | 显示全部楼层    本楼为最佳答案   
1、目前这段代码,不具备隐藏/显示文本的功能。
因为:hidetext()和showtext()方法,都没有相应的DOM操作(只有一个mychar寻找到目标节点)。

需要显示/隐藏修改如下,目前假设通过按钮触发:
Jul-03-2018 14-19-39.gif


  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6. </head>
  7. <body>
  8. <h1>JavaScript</h1>
  9. <p id="con">做为一个Web开发师来说,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。</p>
  10. <input type="button" onclick="hidetext()" value="隐藏">
  11. <input type="button" onclick="showtext()" value="显示">
  12. <script type="text/javascript">
  13.     function hidetext()
  14.     {
  15.         document.getElementById("con").style.display="none";

  16.     }
  17.     function showtext()
  18.     {
  19.         document.getElementById("con").style.display="block";

  20.     }
  21. </script>
  22. </body>
  23. </html>
复制代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-7-3 15:43:23 | 显示全部楼层
不二如是 发表于 2018-7-3 14:20
1、目前这段代码,不具备隐藏/显示文本的功能。
因为:hidetext()和showtext()方法,都没有相应的DOM ...

好哒!谢谢大神~
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-3-28 16:30

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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