html重置按钮无法使用,为什么加的重置按钮无法重置，求大神看看原因

className属性

body{ font-size:16px;}

.one{

border:1px solid #eee;

width:230px;

height:50px;

background:#ccc;

color:red;

}

.two{

border:1px solid #ccc;

width:230px;

height:50px;

background:#9CF;

color:blue;

}

JavaScript使网页显示动态效果并实现与用户交互功能。

JavaScript使网页显示动态效果并实现与用户交互功能。

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

function add(){

var p1 = document.getElementById("p1");

p1.className="one";

}

function modify(){

var p2 = document.getElementById("p2");

p2.className="two";

}

function rest(){

var myrest=confirm("是否重置");

if(myrest==true){

mydiv.removeAttribute("style");

}

}