代码运行问题

完整且空间时间复杂度最小的代码，供大家借鉴，有疑问可以一起交流     

 <!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->

    <input type="button" value="改变颜色" onclick="CC()">  

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

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

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

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

  </form>

  <script type="text/javascript">

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

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

function CC(){

    p1.style.color="red";

    p1.style.backgroudColor="#CCC";

}

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

function CS(){

    p1.style.width="400px";

    p1.style.height="400px";

}

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

function hide(){

    p1.style.display="none";

}

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

function show(){

    p1.style.display="block";

}

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

function cennel(){

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

    if(p2==true)

    {

        p1.removeAttribute("style");

    }

}

  </script>

</body>

</html>