<button id="click">改变内容</button>

<div id="t">要改变的内容</div>

<script type="text/javascript">

document.getElementById("click").οnclick=function(){

    var text=document.getElementById("t");

    var val=text.innerHTML;

    text.innerHTML="<input type='text' id='n' value="+val+" />";

    document.getElementById("n").addEventListener("blur",function(e){

        text.innerHTML=document.getElementById("n").value;

    });

};

</script>