当 oldnode 被替换时，所有与之相关的属性内容都将被移除。所以文本Javascript消失。

    你整个过程把HTML变成了    ： 

<div>
    <i></i>(←testdiv.appendChild(italic添加造成); 
        <i></i>（←testdiv.replaceChild(italic,oldnode替换造成);
        是一个很常用的技术，为网页添加动态效果
</div>

个人见解，有错清指出谢谢

我觉得，首先只有父结点才能调用  replaceChild(newnode,oldnode).这个方法，所以说在使用替换这一方法时，不要直接获取父辈div，应使用父节点.还有替换i标签应该赋予内容。

function replaceMessage(){
          var italic = document.createElement("i");
          var oldnode = document.getElementById("oldnode");
          var newnodeText=document.createTextNode("JavaScript");
           italic.appendChild(newnodeText);
           oldnode.parentNode.replaceChild(italic,oldnode);
           
       }

function replaceMessage(){

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

          var newnode=document.createElement("i");

          newnode.innerHTML=oldnode.innerHTML;

          oldnode.parentNode.replaceChild(newnode,oldnode);

       }   

你改成这样试试。个人意见。