js 修改 button 的事件值后 为什么新事件不能用

代码如下
 <input id="buttono" name="buttono" type="button" id="button" value="添 加" onclick="Add()"/>
<script>
function Add()
{
        document.getElementById("buttono").value="修 改";
        document.getElementById("buttono").onclick="Modi()";
}
function Modi()
{
 alert("modi")
}
</script>
上述代码  更改后的 事件 Modi() 不能启用  部能 弹出 modi 对话框