为什么只有颜色和取消可以》
前端女神
2016-01-07 18:10
<form>
<!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->
<input type="button" value="改变颜色" onclick="changeColor()">
<input type="button" value="改变宽高" onclick="changeS()">
<input type="button" value="隐藏内容"
onclick="objHide()">
<input type="button" value="显示内容"
onclick="objShow()">
<input type="button" value="取消设置"
onclick="offSet()">
</form>
<script type="text/javascript">
var txt=document.getElementById("txt");{
function changeColor(){
//定义"改变颜色"的函数
txt.style.color="red";
txt.style.backgroundColor="green";}
//定义"改变宽高"的函数
function changeS(){
txt.style.height="400px";
txt.style.width="600px";}
//定义"隐藏内容"的函数
function objHide()
{
txt.style.display="block";
txt.style.display="none";
}
//定义"显示内容"的函数
function offSet(){
txt.removeAttribute('style')
}
//定义"取消设置"的函数
}
2回答
-
- steve_samuelson
- 2016-01-08 20:39:13
1、改变宽高函数：窗口本来大小就是400px高 600px宽，你函数中没有变化，自然没有反应。
2、显示函数：没有定义，自然没有显示。显示函数中写了2条display
-
- Perona
- 2016-01-07 18:25:07
objShow()哪去了，没定义这个函数呀。
changeS()里设置的宽高和原本的CSS的宽高一样，当然看不出变化。
objHide()里又要隐藏又有显示，是要干嘛。
取节点的语句后面为何还有花括号，没必要呀。
修改后的JS你看看，有什么不懂再提出来
var txt = document.getElementById("txt"); function changeColor() { //定义"改变颜色"的函数 txt.style.color = "red"; txt.style.backgroundColor = "green"; } //定义"改变宽高"的函数 function changeS() { txt.style.height = "600px"; txt.style.width = "400px"; } //定义"隐藏内容"的函数 function objHide() { txt.style.display = "none"; } //定义"显示内容"的函数 function objShow() { txt.style.display = "block"; } //定义"取消设置"的函数 function offSet() { txt.removeAttribute('style') }
JavaScript入门篇
739817 学习 · 9566 问题
相似问题