</div>
  <form>
  <!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->
    <input type="button" onclick="color()" value="改变颜色" >  
    <input type="button" onclick="width1()" value="改变宽高" >
    <input type="button" onclick="hide()" value="隐藏内容" >
    <input type="button" onclick="show()" value="显示内容" >
    <input type="button" onclick="reset()" value="取消设置" >
  </form>
  <script type="text/javascript">

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

//定义"改变颜色"的函数
function color(){
change.style.color="red";
change.style.backgroundColor="yellow";
}

//定义"改变宽高"的函数
function width1(){
change.style.width="400px";
change.style.height="200px";
}

//定义"隐藏内容"的函数
function hide(){
change.style.display="none";
}

//定义"显示内容"的函数
function show(){
change.style.display="block";
}

//定义"取消设置"的函数
function reset(){
    var massage=confirm("确认重置吗？");
    if (massage==true){
        change.removeAttribute('style')
    }
    else{
        
    }
}

最后一个“取消设置”的按钮，按了没反应，求教，谢谢！