求解????????
为什么我运行后每个按键都没反应？？？？
5 回答
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#con{ width:400px; height:400px; background-color:#f00; color:#000;}
</style>
</head>
<body>
<div id="con">
一起学习，Come On baby！
</div>
<form>
<!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->
<input type="button" value="改变颜色" onclick="chcolor()" >
<input type="button" value="改变宽高" onclick="chth()">
<input type="button" value="隐藏内容" onclick="hidetext()">
<input type="button" value="显示内容" onclick="showtext()">
<input type="button" value="取消设置" onclick="chtext()">
</form>
<script type="text/javascript">
var mychar=document.getElementById("con");
//定义"改变颜色"的函数
function chcolor(){
mychar.style.color="red";
mychar.style.backgroundColor="#ccc";
}
//定义"改变宽高"的函数
function chth(){
mychar.style.width="300px";
mychar.style.height="200px";
}
//定义"隐藏内容"的函数
function hidetext(){
mychar.style.display="none";
}
//定义"显示内容"的函数
function showtext(){
mychar.style.display="block"; //mychar上面已经声明过了，不用再写var
}
//定义"取消设置"的函数
function chtext(){
var mychar5=confirm("是否取消设置？");//confirm写错了，还有;用英文
if(mychar5==true){
mychar.style.width="400px";
mychar.style.height="400px";
mychar.style.color="#000";
mychar.style.backgroundColor="#f00";
}//闭合的括号写错位置了
else{
alert("设置取消失败！");
};
}
</script>
</body>
</html>
里面出来点小错误，你看看，试一下我这个，应该是你要的效果
<form>
<!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->
<input type="button" value="改变颜色" onclick = "changeColor()" >
<input type="button" value="改变宽高" onclick = "changeSize()">
<input type="button" value="隐藏内容" onclick = "hide()">
<input type="button" value="显示内容" onclick = "show()">
<input type="button" value="取消设置" onclick ="reduction()">
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
var mychar = document.getElementById("txt");
function changeColor(){
mychar.style.color = "red";
}
//定义"改变宽高"的函数
function changeSize(){
mychar.style.width = "500px";
mychar.style.heigth = "300px";
}
//定义"隐藏内容"的函数
function hide(){
mychar.style.display="none";
}
//定义"显示内容"的函数
function show(){
mychar.style.display="block";
}
//定义"取消设置"的函数
function reduction(){
var re = confirm("是否取消设置？");
if(re==true){
var p2 = document.getElementById("txt");
p2.style="";
}else{
alert("aabb");
}
}
</script>
你的var mychar 在第一行已经定义了 下面就不需要每个都在写一边 var 了
</div>
<form>
<!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->
<input type="button" value="改变颜色" onclick="chcolor()" >
<input type="button" value="改变宽高" onclick="chth()">
<input type="button" value="隐藏内容" onclick="hidetext()">
<input type="button" value="显示内容" onclick="showtext()">
<input type="button" value="取消设置" onclick="chtext()">
</form>
<script type="text/javascript">
var mychar=document.getElementById("con");
//定义"改变颜色"的函数
function chcolor(){
mychar.style.color="red";
mychar.style.backgroundColor="#ccc";
}
//定义"改变宽高"的函数
function chth(){
var mychar.style.width="300px";
var mychar.style.height="200px";
}
//定义"隐藏内容"的函数
function hidetext(){
var mychar.style.display="none";
}
//定义"显示内容"的函数
function showtext(){
var mychar.style.display="block";
}
//定义"取消设置"的函数
function chtext(){
var mychar5=confrim("是否取消设置？")；
if(mycgar5==true){
mychar.style="";
alert("设置取消成功！");
else{
alert("设置取消失败！");
}
}
}
</script>
举报
0/150
提交
取消
