                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

想要增加斜體并加粗的效果，為什么會(huì)多出一個(gè)JavaScript。。。。HELP~>O<

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>無(wú)標(biāo)題文檔</title>
</head>
<body>


??<div><b?id="oldnode">JavaScript</b>是一個(gè)很常用的技術(shù)，為網(wǎng)頁(yè)添加動(dòng)態(tài)效果。</div>
??<a?href="javascript:replaceMessage()">?將加粗改為斜體加粗</a>
??
????<script?type="text/javascript">
??????function?replaceMessage(){
??????????var?newnode1=document.createElement("i");
??????????var?oldnode=document.getElementById("oldnode");
???????????newnode1.innerHTML=oldnode.innerHTML;
??????????oldnode.parentNode.replaceChild(newnode1,oldnode);
??????????
???????????var?newnode2=document.createElement("b");
???????????newnode1.appendChild(newnode2);
???????????newnode2.innerHTML=newnode1.innerHTML;
		???
???????}????
??</script>
??
?</body>
</html>

妝罷弄眉

2016-03-28

源自：JavaScript進(jìn)階篇 9-15

關(guān)注問(wèn)題我要回答

493

操作

收起

2 回答

妝罷弄眉提問(wèn)者
2016-03-29

我知道了，插入節(jié)點(diǎn)不對(duì)，哦了~

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

刀畫(huà)刀花
2016-03-28

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>無(wú)標(biāo)題文檔</title>
</head>
<body>
?
?
??<div><b?id="oldnode">JavaScript</b>是一個(gè)很常用的技術(shù)，為網(wǎng)頁(yè)添加動(dòng)態(tài)效果。</div>
??<a?href="javascript:replaceMessage()">?將加粗改為斜體加粗</a>
???
????<script?type="text/javascript">
??????function?replaceMessage(){
??????????var?newnode1=document.createElement("i");
??????????var?oldnode=document.getElementById("oldnode");
???????????newnode1.innerHTML=oldnode.innerHTML;//第一個(gè)斜體的"JavaScript",這是多出來(lái)的那個(gè)，注釋掉改行
??????????oldnode.parentNode.replaceChild(newnode1,oldnode);
???????????
???????????var?newnode2=document.createElement("b");
???????????newnode1.appendChild(newnode2);
???????????newnode2.innerHTML=newnode1.innerHTML;//第二個(gè)斜體加粗的"JavaScript"
????????????
???????}????
??</script>
???
?</body>
</html>