问答详情
源自:4-1 编程挑战

这样会不会简洁点

function fn(str){

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

if(str=="1"){

txt.style.color = "red";

}else if(str=="2"){

txt.style.width="900px";

txt.style.height="300px";

}else if(str=="3"){

txt.style.display="none";

}else if(str=="4"){

txt.style.display="block";

}else if(str=="5"){

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

if(sel==true){

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

txt.removeAttribute("style");

}

}

}


提问者:此境止境 2020-04-25 14:40

个回答

  • qq_慕沐2441601
    2020-04-28 17:18:42

    我是这样弄的

    <script type="text/javascript">
    //定义"改变颜色"的函数
    function btn1(){
        var div=document.getElementById("txt");
        div.style.color="yellow";
        div.style.backgroundColor="gray";
    }

    //定义"改变宽高"的函数
    function btn2(){
        var div2=document.getElementById("txt");
        div2.style.width="500px";
        div2.style.height="300px";
    }

    //定义"隐藏内容"的函数
    function btn3(){
        var div3=document.getElementById("txt");
        div3.style.display="none";
    }

    //定义"显示内容"的函数
    function btn4(){
        var div4=document.getElementById("txt");
        div4.style.display="block";
    }

    //定义"取消设置"的函数
    function btn5(){
        var div5=document.getElementById("txt");
        var con=confirm("是否取消设置?");
        if(con==true){
            div5.removeAttribute("style");
        }
    }


      </script>