有谁能帮我看下是哪错了？-慕课网

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

有谁能帮我看下是哪错了？

来源：4-1 编程挑战

慕村5756745

2017-02-14 17:19

<!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>

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

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

var set={

changeColor:function(){

txt.style.color="#ccc";

txt.style.backgroundColor="#fff";

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

changeSize:function(){

txt.style.width="600px";

txt.style.height="400px";

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

Hide:function(){

txt.style.display="none";

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

Show:function(){

txt.style.display="block";

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

Concel:function(){

var message=confirm("是否取消设置？")

if(message=true){

txt.removeAttribute（'style');

}

</script>

</body>

</html>

写回答关注

8回答

环湖

2017-02-15 14:00:55

已采纳

好粗心，onclick都打错了

1 0

慕村5756...

非常感谢！

2017-02-15 15:34:31

共 1 条回复 >
慕村5756745

2017-02-15 15:36:49

YPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />
<title>javascript</title>
<style type="text/css">
body{font-size:12px;}
#txt{
height:400px;
width:600px;
border:#333 solid 1px;
padding:5px;}
p{
line-height:18px;
text-indent:2em;}
</style>
</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="changeSize()">
<input type="button" value="隐藏内容" onclick="Hide()">
<input type="button" value="显示内容" onclick="Show()">
<input type="button" value="取消设置" onclick="Concel()" >
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
var txt=document.getElementById("txt");
function changeColor(){
txt.style.color="#ccc";
txt.style.backgroundColor="#fff";
}
function changeSize(){
txt.style.width="200px";
txt.style.height="200px";
}
function Hide(){
txt.style.display="none";
}
function Show(){
txt.style.display="block";
}
function Concel(){
var message=confirm("你确定要重置所有设置么？");
if(message==true){
txt.removeAttribute('style'); }
}
</script>
</body>
</html>

1 0

慕村5756...

现在这份已经改好了，一堆乱七八糟的问题...

2017-02-15 15:38:01

共 1 条回复 >
环湖

2017-02-15 13:26:26

var set={
function changeColor(){
txt.style.color="#ccc";
txt.style.backgroundColor="#fff";
},
这里好像也错了，不应该有var set={}的

1 0

慕村5756...

我看别人的代码好像可以有 var set=｛｝，不过好像在我的编程器乱码了，虽然按钮可以用

2017-02-15 15:36:14

共 1 条回复 >
环湖

2017-02-15 13:23:37

应该是function showtext(){}
这样的

0 0
燃料

2017-02-14 19:17:54

能否直接复制你的代码下来，让我们仔细看看

1 0

慕村5756...

已经在上面了，我是看完别人的再自己做，却不知道哪里做错了，按钮没反应，审查元素也没报错，麻烦大神帮忙看下是哪里出问题了

2017-02-14 21:23:22

共 1 条回复 >
qq_单人旅灰色季_03513593

2017-02-14 18:15:09

removeAttribute→("style")括号错了

2 0

慕村5756...

依旧按钮用不了

2017-02-14 18:34:12

共 2 条回复 >
qq_单人旅灰色季_03513593

2017-02-14 17:36:49

你得把你写的代码给出来啊

1 0

慕村5756...

帮忙看下，第一次提问不清楚流程

2017-02-14 17:38:24

共 1 条回复 >
慕村5756745

2017-02-14 17:36:36

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />
<title>javascript</title>
<style type="text/css">
body{font-size:12px;}
#txt{
height:400px;
width:600px;
border:#333 solid 1px;
padding:5px;}
p{
line-height:18px;
text-indent:2em;}
</style>
</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="改变颜色" onlick="set.changeColor()">
<input type="button" value="改变宽高" onlick="set.changeSize()">
<input type="button" value="隐藏内容" onlick="set.Hide()">
<input type="button" value="显示内容" onlick="set.Show()">
<input type="button" value="取消设置" onlick="set.Concel()" >
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
var txt=document.getElementById("txt");
var set={
changeColor:function(){
txt.style.color="#ccc";
txt.style.backgroundColor="#fff";
},

//定义"改变宽高"的函数
changeSize:function(){
txt.style.width="600px";
txt.style.height="400px";
},

//定义"隐藏内容"的函数
Hide:function(){
txt.style.display="none";
},

//定义"显示内容"的函数
Show:function(){
txt.style.display="block";
},

//定义"取消设置"的函数
Concel:function(){
var message=confirm("是否取消设置？")
if(message=true){
txt.removeAttribute（'style');
}
}
}

</script>
</body>
</html>

0 0

JavaScript入门篇

JavaScript做为一名Web工程师的必备技术，本教程让您快速入门

739818 学习 · 9566 问题

查看课程

相似问题

谁能帮我看看哪里错了

回答 5

有谁能帮我解释下哪里错了？

回答 4

能不能帮我看下哪错了呢？

回答 2

能帮我看看哪里出错了吗？

回答 3

谁帮我看一下我这里哪里出错了，实在找不出来…

回答 1

打开慕课网App查看更多内容