为何只有隐藏内容没反应啊

<script type="text/javascript">

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

function changeColor(){

  mychar.style.color="red";

  mychar.style.backgroundColor="#ccc";}

function changeWidthHeight(){

  mychar.style.width="400px";

  mychar.style.height="300px";}

function hidden(){

  mychar.style.display="none";}

function show(){

  mychar.style.display="block";}

function cancel(){

  var can= confirm("确定要取消设置吗？");

  if(can){

   mychar.removeAttribute('style');}

  else alert("不取消设置") 

   }

  </script>