                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

为什么只有颜色和取消可以》

<form>

<input type="button" value="隐藏内容"

onclick="objHide()">

<input type="button" value="显示内容"

onclick="objShow()">

<input type="button" value="取消设置"

onclick="offSet()">

</form>

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')

}

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

}

前端女神

2016-01-07

源自：JavaScript入门篇 4-1

关注问题我要回答

539

操作

收起

2 回答

steve_samuelson 回答被采纳 +3 积分
2016-01-08

1、改变宽高函数：窗口本来大小就是400px高 600px宽，你函数中没有变化，自然没有反应。

2、显示函数：没有定义，自然没有显示。显示函数中写了2条display

0 回复有任何疑惑可以回复我~

收起回答

前端女神提问者

非常感谢！

2016-01-13 回复有任何疑惑可以回复我~

Perona
2016-01-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')
    }

0 回复有任何疑惑可以回复我~

收起回答

前端女神提问者

谢谢，初出茅庐，才自学。还希望大神多多提点，谢谢

2016-01-13 回复有任何疑惑可以回复我~