hey mira esto es lo q he logrado hasta a hora pero todavia no logro hacer que me cambie el texto si no que crea un input aparte mira el codigo y diime
   Código HTML:
 <html>
<head>
<script type="text/javascript">
function hola(){ 
	elem=document.createElement('input')
	elem.type = "text"
	elem.value = "hola"
	elem.name = "nada"
	document.body.appendChild(elem)
	var oldElement = document.all.myBold;
	document.all.myDiv.replaceChild(newElement, oldElement); 
}  
</script>
</head>
<body>
<button onclick="hola();">Replace text</button>
<div id="myDiv" 
     style="width:300; height:200; border:solid black 1px;">Sample 
     <b id="myBold">text</b>
</div>
</body>