DOM的编程挑战

    <input type="button" value="改变颜色" onclick="colorchange()"> 
    <input type="button" value="改变宽高" onclick="widthchange()">
    <input type="button" value="隐藏内容" onclick="hidetext()">
    <input type="button" value="显示内容" onclick="showtext()">
    <input type="button" value="取消设置" onclick="cancel()">
  </form>
  <script type="text/javascript">
//定义"改变颜色"的函数
function colorchange()
{
   document.getElementById("txt").style.color="pink";
   document.getElementById("txt").style.backgroundColor="green";
}

//定义"改变宽高"的函数
function widthchange(){
    document.getElementById("con","txt").style.width="700px";
    document.getElementById("con","txt").style.height="500px";
}

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

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

//定义"取消设置"的函数
function cancel(){
    var message=confirm("是否取消设置？");
    if(massage==true)
    {
        txt.removeAttribute("style");
    }
}

为什么那个取消设置没有用？