点击按钮不起作用-慕课网

首页课程实战体系课手记专栏慕课教程

点击按钮不起作用

来源：4-1 编程挑战

qq_感谢经历_6

2017-08-29 15:13

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

写回答关注

5回答

精慕门7112622

2017-09-21 18:00:40

<!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
张超楠

2017-08-31 10:38:17

你把方法名改成小写试试

0 0
弃我去者昨日之日不可留

2017-08-29 16:33:23

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

0 0
qq_感谢经历_6

2017-08-29 16:12:09

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

1 0

xuanlo...

哦哦，那说明问题就出在你新加的改变宽高的函数了 function changeSize(){ var txt = document.getElementById("txt"); if(confirm("确认修改宽高吗?")){ txt.style.width = "300px"; txt.style.height = "300px"; } }你看看有木有什么区别？另外别忘调用，慢慢来，再试试吧，加油！

2017-08-29 16:18:07

共 1 条回复 >
xuanlovexbx

2017-08-29 16:10:42

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

0 0