<!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>我发现可以切换也可以实现一次样式复原，但仅一次而已，请各位指点！
添加回答
举报
0/150
提交
取消