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

为什么我的按钮没有一个起作用?

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>编程挑战</title>
<style type="text/css">
body{font-size: 12px;}
#txt{
   height:400px;
   width:600px;
border:#333 solid 1px;
padding:5px;
}
p{
line-height: 18px;
text-indent: 2em;
}
</style>
</head>
<body>
<h2 id="con">JavaScript课程</H2>
  <div id="txt"> 
     <h5>JavaScript为网页添加动态效果并实现与用户交互的功能。</h5>
        <p>1. JavaScript入门篇,让不懂JS的你,快速了解JS。</p>
        <p>2. JavaScript进阶篇,让你掌握JS的基础语法、函数、数组、事件、内置对象、BOM浏览器、DOM操作。</p>
        <p>3. 学完以上两门基础课后,在深入学习JavaScript的变量作用域、事件、对象、运动、cookie、正则表达式、ajax等课程。</p>
    </div>
    <form>
     <input type="button" value="改变颜色" onclick="changeColor()">  
     <input type="button" value="改变宽高" onclick="changeWidth()" >
     <input type="button" value="隐藏内容" onclick="displayNone()">
     <input type="button" value="显示内容" onclick="dispalyBlock()">
     <input type="button" value="取消设置" onclick="back()">
    </form>
    <script type="text/javascript">

     function changeColor() {
         var mychar=document.getElementById("txt");
         mychar.style.color="red";
         mychar.style.backgroundcolor="blue"
         }

     function changeWidth()  {
     var mychar=document.getElementById("txt");
     mychar.style.width="40px";
     mychar.style.height="60px";
     }
     function displayNone() {
     var mychar=document.getElementById("txt");
     mychar.style.display="none";
     }
     function displayBlock() {
     var change4=document.getElementById("txt");
     change4.style.display="block";
     }
     function back() {
     var mychar=confirm("是否取消");
     if (confirm==true) {
     var mychar = document.getElementById("txt");  
mychar.style.color="#000";
mychar.style.backgroundColor="#fff";
mychar.style.width="400px";
mychar.style.height="600px";
mychar.style.display="block";
}
     } 
     }
    </script>
</body>
</html>

看了参考代码 ,感觉一模一样的。可是就是没有作用。

正在回答

3 回答

1、 <input type="button" value="显示内容" onclick="dispalyBlock()">改成

     <input type="button" value="显示内容" onclick="displayBlock()">

2、mychar.style.backgroundcolor="blue"改成

         mychar.style.backgroundColor="blue"

3、因为function back()函数最后多了一个"}"了,删除就可以了

 4、function back()改成

  function back() {

var mychar=confirm("是否取消");
    var txt = document.getElementById("txt");
     if (mychar==true) {

  txt.removeAttribute("style");

}

}


    


0 回复 有任何疑惑可以回复我~
#1

大白菜001 提问者

非常感谢!
2016-04-01 回复 有任何疑惑可以回复我~

多了一个中括号

0 回复 有任何疑惑可以回复我~

因为function back()函数最后多了一个"}"了,删除就可以了


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么我的按钮没有一个起作用?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信