                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進階篇

關(guān)于replaceChild()的相關(guān)問題

<body>

<div><b id="oldnode">JavaScript</b>是一個很常用的技術(shù)，為網(wǎng)頁添加動態(tài)效果。</div>

? <a href="javascript:replaceMessage()"> 將加粗改為斜體</a>

? ? function replaceMessage()

{

var newnode=document.createElement("i");

var oldnode=document.getElementById("oldnode");

var newnodeText=oldnode.innerHTML;

newnode.appendChild(newnodeText);

oldnode.parentNode.replaceChild(newnode,oldnode);

}

? ? </script>

</body>

</html>

麻煩給解答下，我這個代碼無法實現(xiàn)粗體變斜體的效果，本人是新手自學(xué)，麻煩跟解釋的詳細一點，不勝感謝！

大年糕

2017-06-02

源自：JavaScript進階篇 9-15

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

1341

操作

收起

2 回答

慕勒7123956 回答被采納 +3 積分
2017-06-02

因為innerHTML獲取的是一個字符串，不是node類型的，但是你用appendChild函數(shù)里面的參數(shù)（就是括號里面的那個），必須是node類型的，所以你可以

????function?replaceMessage()
{
var?newnode=document.createElement("i");
var?oldnode=document.getElementById("oldnode");
var?newnodeText=oldnode.innerHTML;//字符串類型的
var?text=document.createTextNode(newnodeText);//創(chuàng)建一個文本節(jié)點。這樣就可以使用節(jié)點的方法
newnode.appendChild(text);//添加這個節(jié)點
oldnode.parentNode.replaceChild(newnode,oldnode);

}

你也可以直接獲取舊節(jié)點的子節(jié)點，然后添加到新的里面去

function?replaceMessage(){
?	var?newnode=document.createElement("i");
?	var?oldnode=document.getElementById("oldnode");	//找到原b節(jié)點
var?textnode=oldnode.childNodes;	//獲取原節(jié)點的子節(jié)點數(shù)組，這個方法獲取的就是數(shù)組，雖然這個例子中只有一個元素
???	newnode.appendChild(textnode[0]);	//把原子節(jié)點（就是那個JavaScript文本節(jié)點）添加給新節(jié)點i
???	oldnode.parentNode.replaceChild(newnode,oldnode);	//替換節(jié)點
?	}