<!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>我發現可以切換也可以實現一次樣式復原，但僅一次而已，請各位指點！
javascript怎么通過replaceChild()的方法來實現樣式的自由轉換了？
我要沖錢
2016-12-26 23:37:18