点击按钮不起作用
为啥加上改变宽高的函数之后,点击任何按钮都不起作用?
为啥加上改变宽高的函数之后,点击任何按钮都不起作用?
2017-08-29
<!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>
这是我的代码,想问下为什么我按每个按钮都没作用?
举报