为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/JavaScript

/JavaScript入门篇

为什么点“改变颜色”、“改变高度”没反应啊，谢谢大佬们

<!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="改变颜色"  onclick="color1()">      <input type="button" value="改变宽高"  onclick="changehigh1">    <input type="button" value="隐藏内容"  onclick="display1()">    <input type="button" value="显示内容"  onclick="show1()">    <input type="button" value="取消设置"  onclick="reset1()">  </form>  <script type="text/javascript">  var txt=document.getElementById("txt");//定义"改变颜色"的函数function color1(){    txt.style.color = "red";}//定义"改变宽高"的函数function changehigh1(){    txt.style.width="300px";    txt.style.height="300px";}//定义"隐藏内容"的函数function display1(){    txt.style.}//定义"显示内容"的函数function show1(){    txt.style.}//定义"取消设置"的函数function reset1(){    var a1=confirm("你确定要重置所有内容吗？");    if(a1==ture){    txt.style.height="400px";    txt.style.width="600px";    txt.style.border="#333 solid 1px";    txt.style.padding="5px";    }}  </script></body></html>


慕沐5017275

2019-01-21

源自：JavaScript入门篇   4-1

关注问题 我要回答
1170
操作
收起

正在回答

5 回答

qq_与闻悖悖
2019-01-24

首先你的隐藏示diaplay1（）和显示show1（）里的代码不全，txt.style. 这样就没了，这是个错误。其次a1==ture你写错了，应该是true，这里可以直接写if（a1），应为上面返回的就是一个Boolean变量只有真假两个值。另外附上我的代码：

<!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="改变颜色"  onclick="color1()">  

<input type="button" value="改变宽高"  onclick="changehigh1()">   

<input type="button" value="隐藏内容"  onclick="display1()">  

<input type="button" value="显示内容"  onclick="return show1()">   

<input type="button" value="取消设置"  onclick="reset1()">  

</form> 

<script type="text/javascript">  

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

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

function color1(){    

txt.style.color = "red";

};

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

function changehigh1(){  

txt.style.width="300px";  

txt.style.height="300px";

};

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

function display1(){  

txt.style.display="none";

};

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

function show1(){  

txt.style.display="block";

};

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

function reset1(){    

var a1=confirm("你确定要重置所有内容吗？");  

if(a1==true){   

txt.style.color="cornflowerblue";

txt.style.height="600px";

txt.style.width="800px";  

txt.style.border="#333 solid 1px";

txt.style.padding="5px";  

}

}  </script>

</body>

</html>


0 回复 有任何疑惑可以回复我~
收起回答
#1

慕沐5017275 提问者

谢谢，后面代码还没来得及打，先检查前面了，拼写错误这个这个才发现………
2019-01-24 回复 有任何疑惑可以回复我~
逃离外包
2019-01-23

<!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="改变颜色"  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="reload()">

</form>

<script type="text/javascript">

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

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

function changeColor(){

txt.style.color="#f40";

}

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

function changeSize(){

txt.style.width="800px";

txt.style.height="450px";

}

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

function hide(){

txt.style.display="none";

}

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

function show(){

txt.style.display="block";

}

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

function reload(){

var cancle= confirm("是否取消设置?");

if(cancle==true){

txt.removeAttribute("style");

}else{

return null;

}

}

</script>

</body>

</html>


0 回复 有任何疑惑可以回复我~
收起回答
慕圣20170205
2019-01-23

onClick事件写错了，不应该加引号，而且要加括号  onClick = color1()

0 回复 有任何疑惑可以回复我~
收起回答
#1

慕沐5017275 提问者

不是应该加引号的吗
2019-01-23 回复 有任何疑惑可以回复我~
慕函数9001616
2019-01-22

有反应啊，我运行   不过你最后一个功能做的不对，是 ==true  不是  ture???

0 回复 有任何疑惑可以回复我~
收起回答
#1

慕沐5017275 提问者

后面的功能还没做，前两个试了好几次不成功，咋看都觉得对着呢，奇怪
2019-01-22 回复 有任何疑惑可以回复我~
C1over
2019-01-21

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

这行 把var 去掉试试

0 回复 有任何疑惑可以回复我~
收起回答
#1

慕沐5017275 提问者

我试试看，谢了
2019-01-22 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JavaScript入门篇
  • 参与学习       739723    人
  • 解答问题       9566    个

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

进入课程

本课相似问答

4 回答改变宽高为什么没反应啊

1 回答为什么改变颜色的按钮没反应？

4 回答为什么颜色没改变！！！

6 回答为什么提交正确，但是点击改变颜色、宽高等没有反应

2 回答改变宽高没反应
搜索更多本课相关问答

为什么点“改变颜色”、“改变高度”没反应啊，谢谢大佬们

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信