<input type="button" value="改变颜色" onClick="changecolor()">  
    <input type="button" value="改变宽高" onClick="changewh()">
    <input type="button" value="隐藏内容"  onClick="hidetxt()">
    <input type="button" value="显示内容" onClick="showtxt()">
    <input type="button" value="取消设置" onClick="shezhi()">
  </form>
  <script type="text/javascript">
//定义"改变颜色"的函数
function changecolor()
{
   var mycolor= document.getElementById("txt");
    mycolor.style.border-color="red";
    mycolor.style.backgroundColor="blue";
}

//定义"改变宽高"的函数
function changewh()
{
    var mywh=document.getElementById("txt");
    mywh.style.width="400px";
    mywh.style.height="200px";
}


//定义"隐藏内容"的函数
function hidetxt()
{
    var myhide=document.getElementById("txt");
    myhide.style.display="none";
    
}
//定义"显示内容"的函数
function showtxt()
{
    var myshow=document.getElementById("txt");
    myshow.style.display="block";
}

//定义"取消设置"的函数
function shezhi()
{
    if(confirm("是否取消设置？"))
    {
        var mychar=document.getElementById("txt");
        mychar.style.color="#000";
       mychar.style.backgroundColor="#fff";
      mychar.style.width="600px";
      mychar.style.height="400px";
      mychar.style.display="block";
        
    }
}
    
  </script>
</body>
</html>