为了账号安全,请及时绑定邮箱和手机立即绑定

求解答,为何这样设置点按钮完全没反应。

求解答,为何这样设置点按钮完全没反应。

我們 2015-10-19 10:56:19
var c=document.getElementById("id1");function cecolor(){c.style.color="red";c.style.backgroundColor="#ccc";}function cewh(){c.style.width="200px";c.style.height="100px";}function hide(){c.style.display="none";}function show(){c.style.display="block";}function re(){var ss=confirm("是否取消设置");if(ss==true)    c.removeAttribute("style");  }<input type="button" value="改变颜色" onclick="cecolor()" /><input type="button" value="改变宽高" onclick="cewh()" /><input type="button" value="隐藏内容" onclick="hide()" /><input type="button" value="显示内容" onclick="show()" /><input type="button" value="取消设置" onclick="re()" />
查看完整描述

4 回答

?
King_520

TA贡献6条经验 获得超0个赞

把你的<script></script>js代码放在html标签外

查看完整回答
反对 回复 2015-10-19
?
King_520

TA贡献6条经验 获得超0个赞

我这里跑出来是可以的啊  ,你的js代码那样写也没问题,不知道你源文件代码是咋写的 可以发我看看

查看完整回答
反对 回复 2015-10-19
  • 我們
    我們
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>使用新窗口打开网站</title> <style type="text/css"> #id1{height:500px;width:500px;border:1px solid #000000} </style> <script type="text/javascript"> var c=document.getElementById("id1"); function cecolor() { c.style.color="red"; c.style.backgroundColor="#ccc"; } function cewh() { c.style.width="200px"; c.style.height="100px"; } function hide() { c.style.display="none"; } function show() { c.style.display="block"; } function re() { var ss=confirm("是否取消设置"); if(ss==true) c.removeAttribute("style"); } </script> </head> <body> <h2>JavaScript课程</h2> <div id="id1"> <h5>JavaScript为网页添加动态效果并实现与用户交互的功能。</h5> <p>1. JavaScript入门篇,让不懂JS的你,快速了解JS。</p> <p>2. JavaScript进阶篇,让你掌握JS的基础语法、函数、数组、事件、内置对象、BOM浏览器、DOM操作。</p> <p>3. 学完以上两门基础课后,在深入学习JavaScript的变量作用域、事件、对象、运动、cookie、正则表达式、ajax等课程。</p> </div> <input type="button" value="改变颜色" onclick="cecolor()" /> <input type="button" value="改变宽高" onclick="cewh()" /> <input type="button" value="隐藏内容" onclick="hide()" /> <input type="button" value="显示内容" onclick="show()" /> <input type="button" value="取消设置" onclick="re()" /> </body> </html> 我哪里错了咧。。我都快要吐血了
?
King_520

TA贡献6条经验 获得超0个赞

var c=document.getElementById("id1");你这句话中“id1都没有  ,当然没反应

查看完整回答
反对 回复 2015-10-19
  • 我們
    我們
    <div id="id1"> <h5>JavaScript为网页添加动态效果并实现与用户交互的功能。</h5> <p>1. JavaScript入门篇,让不懂JS的你,快速了解JS。</p> <p>2. JavaScript进阶篇,让你掌握JS的基础语法、函数、数组、事件、内置对象、BOM浏览器、DOM操作。</p> <p>3. 学完以上两门基础课后,在深入学习JavaScript的变量作用域、事件、对象、运动、cookie、正则表达式、ajax等课程。</p> </div> 我只是贴了关键代码,现在差不多全贴出来了。
  • 我們
    我們
    奇怪的是,当把var c=document.getElementById("id1");放在每一个函数的内部,这些按钮都可以实现相应的功能,意思是js中全局变量没用的吗?既然如此,那代码不会有很多冗余吗。
  • 4 回答
  • 0 关注
  • 1352 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信