function  我换了个函数名就可以了 不知道是不是用了关键字命名函数

不对哟。我用你这个代码跑的动呢。你可能哪里出问题吧，那些标签有对应吗？这些代码内容基本没啥问题。另onclick刚查了和测试一下也没区分大小写。。

<form>

<input type="text" id="con" value="Test"></input>

<input type="text" id="txt" value="Test"></input>

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

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

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

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

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

  </form>

  <script type="text/javascript">

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

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

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

function color()

{

    mychar.style.color="red";

    txtchar.style.backgroundColor="#D1BDA1";

}

function top() {

    txtchar.style.width="200px";

    txtchar.style.heigth="200px";

}

function display()

{

 txtchar.style.display="none";

}

</script>

以上是我测试代码，可用。

你的代码少了个<from>开头，以及你的代码少了个</script>结束

onClick C大写