取消设置为什么没有弹出来？-慕课网

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

取消设置为什么没有弹出来？

来源：4-1 编程挑战

meetcute3714750

2016-07-26 02:36

<!DOCTYPE HTML>

<html>

<head>

<title>javascript</title>

body{font-size:12px;}

#txt{

height:400px;

width:600px;

border:#333 solid 1px;

padding:5px;}

line-height:18px;

text-indent:2em;}

</style>

</head>

<body>

<h2 id="con">JavaScript课程</H2>

<h5>JavaScript为网页添加动态效果并实现与用户交互的功能。</h5>

<p>1. JavaScript入门篇，让不懂JS的你，快速了解JS。</p>

<p>2. JavaScript进阶篇，让你掌握JS的基础语法、函数、数组、事件、内置对象、BOM浏览器、DOM操作。</p>

<p>3. 学完以上两门基础课后，在深入学习JavaScript的变量作用域、事件、对象、运动、cookie、正则表达式、ajax等课程。</p>

</div>

<form>

</form>

//定义"改变颜色"的函数

function changeColor() {

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

mychar.style.color = "red";

}

//定义"改变宽高"的函数

function changeSize() {

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

mychar.style.width = "300px";

mychar.style.height = "400px";

}

//定义"隐藏内容"的函数

function hideText() {

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

mychar.style.display="none";

}

//定义"显示内容"的函数

function showText() {

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

mychar.style.display="block";

}

//定义"取消设置"的函数

function cancleSet(){

var mytext = comfirm("你确定要取消设置吗？");

if(mytext==true){

mychar.style.display="block";

mychar.style.width="300px";

mychar.style.height="400px";

mychar.style.color="red";

}

</script>

</body>

</html>

写回答关注

4回答

哈姆雷特的眼泪

2016-07-26 08:00:38

已采纳

前面的函数中都获取了元素txt对象，而最后一个函数cancleSet()中没有获取元素，如果你在其中添加
var mytext=document.getElementById("txt");即可，为了防止这种情况发生，这个题目其实可以在最开始设置一个获取元素的语句，也就是说放在所有函数的外面，就不用每一个函数都获取一遍元素对象了，这样既简洁了代码又不容易出错。

1 0

meetcu...

我把它写前面了还是不行 var mychar = document.getElementById("txt");

2016-07-27 01:27:58

共 1 条回复 >
mashaoshan75003786890

2016-08-09 14:14:14

<input type="button" value="取消设置" onlick="cancelSet()"> 这里应该是onclick

0 0
qq_寄生榭_03732336

2016-07-27 05:32:05

浏览器的问题，可能禁用了弹出。用其他浏览器试试

0 0
套子里的海怪

2016-07-26 12:53:58

没用使用document.getElementById来获取对象，并且按钮是取消样式，也就是恢复原来样式，应该把样式设置成原来的样子，width不是300px，color不是red

0 0