<!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>是一個很常用的技術(shù),為網(wǎng)頁添加動態(tài)效果。</div>
??<a?href="javascript:replaceMessage()">?加粗與斜體之間變換</a>
??
????<script?type="text/javascript">
?????var?nu=0;//用于判定
?????var?New=document.createElement("i");//創(chuàng)建節(jié)點1,默認為斜體,用于切換。
?????var?Old=document.createElement("b");//創(chuàng)建節(jié)點2,節(jié)點與原文相同,用于復原。
?????var?O=document.getElementById("oldnode");
?????New.innerHTML=O.innerHTML;//新節(jié)點文本內(nèi)容與原文相同。
?????Old.innerHTML=O.innerHTML;//新節(jié)點文本內(nèi)同與原文相同。
?????function?replaceMessage(){
?????????if(nu===0){
?????????????O.parentNode.replaceChild(New,O)//節(jié)點1切節(jié)點2
?????????????
?????????}
?????????if(nu===1){
?????????????New.parentNode.replaceChild(Old,New)//節(jié)點2切節(jié)點1
?????????????nu=nu-2;
?????????}
?????????nu++
??????????
?????}
???????
??</script>
??
?</body>
</html>我發(fā)現(xiàn)可以切換也可以實現(xiàn)一次樣式復原,但僅一次而已,請各位指點!
javascript怎么通過replaceChild()的方法來實現(xiàn)樣式的自由轉(zhuǎn)換了?
我要沖錢
2016-12-26 23:37:18