javascript怎么通过replaceChild()的方法来实现样式的自由转换了？

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>


  <div><b id="oldnode">JavaScript</b>是一个很常用的技术，为网页添加动态效果。</div>
  <a href="javascript:replaceMessage()"> 加粗与斜体之间变换</a>
  
    <script type="text/javascript">
     var nu=0;//用于判定
     var New=document.createElement("i");//创建节点1，默认为斜体，用于切换。
     var Old=document.createElement("b");//创建节点2，节点与原文相同，用于复原。
     var O=document.getElementById("oldnode");
     New.innerHTML=O.innerHTML;//新节点文本内容与原文相同。
     Old.innerHTML=O.innerHTML;//新节点文本内同与原文相同。
     function replaceMessage(){
         if(nu===0){
             O.parentNode.replaceChild(New,O)//节点1切节点2
             
         }
         if(nu===1){
             New.parentNode.replaceChild(Old,New)//节点2切节点1
             nu=nu-2;
         }
         nu++
          
     }
       
  </script>
  
 </body>
</html>

我发现可以切换也可以实现一次样式复原，但仅一次而已，请各位指点！

我要冲钱

浏览 1304回答 1

1回答

随时随地看视频慕课网APP