試一試,補(bǔ)充函數(shù) replaceMessage() 代碼,實(shí)現(xiàn)將 b 標(biāo)簽替換成 i 標(biāo)簽。我 這樣寫對(duì)不對(duì)?
<!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 newNode=document.creatElement("i");??
var newNodetext=document.creatElementTextNode("JavaScript");
newNode.appendChild(newNodetext);
var oldNode=document.creatElement("oldnode");
oldNode.parentNode.replaceChild(newNode,oldNode);
? ? ? ?}? ??
? </script>
??
?</body>
</html>
2020-08-07
var oldNode=document.creatElement("oldnode");
這是創(chuàng)建新節(jié)點(diǎn),應(yīng)該是獲取舊節(jié)點(diǎn)
var oldNode=document.getElementById("oldnode");
2020-06-10
var oldNode=document.creatElement("oldnode");
這里你是向獲取到舊的結(jié)點(diǎn)吧?寫錯(cuò)了哦。
其次,當(dāng)你換完之后你發(fā)現(xiàn)i和p比較是不是還少了一個(gè)id的屬性
所以需要通過(guò)
newNode.setAttribute('id',oldNode.getAttribute('id'));
還有var newNodetext=document.creatElementTextNode("JavaScript");
"javaScript"試著換成oldNode.innerHTML;這樣不管p的innerHTML是什么你都可以替換到i中
你可以試著通過(guò)這種思想,將replaceMessage函數(shù)變成一個(gè)可以隨意替換元素的一個(gè)方法,
function replaceMessage( newNode,? oldNode){
????函數(shù)體
};
不要過(guò)分深究適度哦