帮忙看下我的代码，为什么都没有反应-慕课网

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

帮忙看下我的代码，为什么都没有反应

来源：4-1 编程挑战

rly0606

2016-03-03 21:57

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

text=document.getElementById("txt");

buttons=document.getElementsByTagName("input");

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

buttons[0].onclick=function(){

text.style.color="red";

text.style.backgroundColor="grey";

}

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

buttons[1].onclick=function(){

text.style.width="100px";

text.style.height="200px";

}

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

buttons[2].onclick=function(){

text.style.display="none";

}

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

buttons[3].onclick=function(){

text.style.display="block";

}

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

buttons[4].onclick=function(){

r=confirm("确认取消上面的所有设置吗")；

if(r){

text.removeAttribute('style');

}

</script>

</body>

</html>

写回答关注

7回答

隆先生

2016-03-25 16:34:59

    <input type="button" value="改变颜色" onclick="a()"/>
    <input type="button" value="改变宽高" onclick="b()">
    <input type="button" value="隐藏内容" onclick="c()">
    <input type="button" value="显示内容" onclick="d()">
    <input type="button" value="取消设置" onclick="e()">
</form>
<script type="text/javascript">
   function a(){
       var mychar = document.getElementById("con");
       mychar.style.color="red";
   }

   function b(){
       var char = document.getElementById("txt");
       char.style.width="400px";
       char.style.height="180px";
   }

function c(){
      var add = document.getElementById("txt");
      add.style.display="none";
}

function d(){
      var add = document.getElementById("txt");
      add.style.display="block";
}

function e(){
      var em =confirm("你确定要取消吗？");
      if(em==true)
      {
      txt.removeAttribute('style');
      }
}

0 0
LeingK

2016-03-04 10:34:35

首先，你给style赋值的时候，没有将值加引号，
其次，text.style..display用了两个点，
r=confirm("确认取消上面的所有设置吗")；这里的；你用的是中文的；，要用英文的;
最后，你的 text.removeAttributes('style');这句根本就不会重置，
请把removeAttributes的s去掉，不过style的值是多少，都不要加s

2 0

LeingK 回复rly060...

我提出了四个问题，然后我复制你的代码改了下这四个问题，发现是可以运行的，所以你应该是某处细节没有处理好，建议你把代码复制到有错误提醒的编译器里面看一下，这样就可以发现问题

2016-03-07 08:41:07

共 2 条回复 >
rly0606

2016-03-04 09:49:05

求大神解答

0 0
宁静的wo

2016-03-03 23:14:55

没给按钮添加事件：onclick="自定义"；还有if那里没有给判断，如：if(r==true)

1 0

rly060...

这里if(r==true)应该等价于if(r)吧

2016-03-04 09:45:30

共 1 条回复 >
qq_听下雨的声音_0

2016-03-03 23:09:08

button没添加事件

1 0

rly060...

我用getElementsByTagName("input")获取到input元素，然后给它添加onclick事件。点击这个元素就调用相应的函数呀

2016-03-04 09:46:37

共 1 条回复 >
Nene427

2016-03-03 23:07:57

你应该到body段落的html代码段里去调用方程，而且button[x]这样不管用吧（我不清楚）？

给你看一段我的

<input type="button" value="改变颜色" onClick="changeColor()";>
<input type="button" value="改变宽高" onClick="changeSize()";>
<input type="button" value="隐藏内容" onClick="hidecontext()";>
<input type="button" value="显示内容" onClick="showContext()";>
<input type="button" value="取消设置" onClick="resetSetting()";>
</form>
<script type="text/javascript">
var mydiv = document.getElementById("txt");
//定义"改变颜色"的函数
function changeColor(){
mydiv.style.color="#db7093";
mydiv.style.backgroundColor="#6495ED";
}
//定义"改变宽高"的函数
function changeSize(){
mydiv.style.width="100px";
mydiv.style.height="300px";
}

这样就可以了。

1 0

Nene42...

不过我觉得既然jsp的function也是写在body的，那应该也可以不回去调用的，但是我还不知道要怎么办

2016-03-03 23:11:30

共 1 条回复 >
lghandxxl

2016-03-03 23:07:11

buttons数组可能不太适用，你换一种吧。

0 0