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

点击按钮不起作用

为啥加上改变宽高的函数之后,点击任何按钮都不起作用?

正在回答

5 回答

<!DOCTYPE html>

<html>

  <head>

    <title>javascript</title>

<style type="text/css">

body{

font-size:15px;

}

#txt{

height:400px;

width:600;

border:#333 solid 1px;

padding:5px;

}

p{

line-height:18px;

text-indent:2em;

}

</style>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

     </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="changewh()"/>

    <input type="button" value="隐藏内容" onclick="hidetxt()"/>

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

    <input type="button" value="取消设置" onclick="cs()"/>

      </form>

      <script type="text/javascript">

    var mychar=document.getElementById("txt");

    function changecolor(){

     mychar.style.color="red";

    }

    function changewh(){

    mychar.style.width="800px";

    mychar.style.height="200px";

    }

    function hidetxt(){

     mychar.style.display="none";

    }

    

    function showtxt(){

     mychar.style.display="block";

    }

    function cs(){

    var flag=confirm("取消设置?");

    if(flag==true){

       document.getElementById("txt").removeAttribute"style";

     }else{

      

     }

    }

     </script>

    

  </body>

</html>

这是我的代码,想问下为什么我按每个按钮都没作用?

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

你把方法名改成小写试试

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

那应该是你的函数名字和onclick名字不对应导致没反应,仔细匹配对照一下,应该就好了

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

加了,试过好多次,只有把这部分代码删了其他就起作用了。

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

xuanlovexbx

哦哦,那说明问题就出在你新加的改变宽高的函数了 function changeSize(){ var txt = document.getElementById("txt"); if(confirm("确认修改宽高吗?")){ txt.style.width = "300px"; txt.style.height = "300px"; } }你看看有木有什么区别?另外别忘调用,慢慢来,再试试吧,加油!
2017-08-29 回复 有任何疑惑可以回复我~

是不是数值后面忘记加px了,我有一次就是这个错误,还有仔细检查一下,代码有木有字面错误,正常都该好使的,就检查你要加的改变宽高的函数。width="30px"...

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

举报

0/150
提交
取消

点击按钮不起作用

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