課程
/前端開發(fā)
/JavaScript
/JavaScript進階篇
這里不使用創(chuàng)建文本節(jié)點而直接使用i.innerHTML="javascript";為什么不行?。。
2015-09-04
源自:JavaScript進階篇 9-15
正在回答
可以用innerHTML 設(shè)置的啊,設(shè)置完了,再替換。代碼:
<!DOCTYPE HTML><html><head> ? ?<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> ? ?<title>無標(biāo)題文檔</title></head><body><div><b id="oldnode">JavaScript</b>是一個很常用的技術(shù),為網(wǎng)頁添加動態(tài)效果。</div><a href="javascript:replaceMessage()"> 將加粗改為斜體</a><script type="text/javascript"> ? ?function replaceMessage(){ ? ? ? ?var newnode = document.createElement("i"); ? ? ? ?var oldnode = document.getElementById("oldnode"); ? ? ? ?newnode.innerHTML=oldnode.innerHTML; ? ? ? ?oldnode.parentNode.replaceChild(newnode,oldnode); ? ?}</script></body></html>
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>無標(biāo)題文檔</title> </head> <body> ????<div?id="div"> ????????<b?id="oldnode">JavaScript</b>是一個很常用的技術(shù),為網(wǎng)頁添加動態(tài)效果。 ????</div> ????<a?href="javascript:replaceMessage()">?將加粗改為斜體</a> ????<script?type="text/javascript"> ??????function?replaceMessage(){ ??????????var?newnode?=?document.createElement("i"); ??????????var?div?=?document.getElementById('div'); ??????????newnode.innerHTML?=?"javascript"; ??????????div.appendChild(newnode); ???????}???? ????</script> ?</body> </html>
i.innerHTML="javascript"; 這樣肯定不行了。這這是創(chuàng)建一個標(biāo)簽為i的元素,可是這個元素你都沒有加到頁面中。它怎么能渲染出來!
H0先生 提問者
Y_du 回復(fù) H0先生 提問者
H0先生 提問者 回復(fù) Y_du
hooli 回復(fù) H0先生 提問者
舉報
本課程從如何插入JS代碼開始,帶您進入網(wǎng)頁動態(tài)交互世界
1 回答創(chuàng)建文本節(jié)點是否和innerhtml相同?
1 回答關(guān)于創(chuàng)建文本節(jié)點
1 回答文本節(jié)點和innerHTML設(shè)置的有什么不同
1 回答為什么不能直接給創(chuàng)建的element創(chuàng)建文本節(jié)點?
1 回答為什么不能直接創(chuàng)建文本節(jié)點
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2015-09-15
可以用innerHTML 設(shè)置的啊,設(shè)置完了,再替換。代碼:
<!DOCTYPE HTML>
<html>
<head>
? ?<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
? ?<title>無標(biāo)題文檔</title>
</head>
<body>
<div><b id="oldnode">JavaScript</b>是一個很常用的技術(shù),為網(wǎng)頁添加動態(tài)效果。</div>
<a href="javascript:replaceMessage()"> 將加粗改為斜體</a>
<script type="text/javascript">
? ?function replaceMessage(){
? ? ? ?var newnode = document.createElement("i");
? ? ? ?var oldnode = document.getElementById("oldnode");
? ? ? ?newnode.innerHTML=oldnode.innerHTML;
? ? ? ?oldnode.parentNode.replaceChild(newnode,oldnode);
? ?}
</script>
</body>
</html>
2015-09-05
2015-09-05
i.innerHTML="javascript"; 這樣肯定不行了。這這是創(chuàng)建一個標(biāo)簽為i的元素,可是這個元素你都沒有加到頁面中。它怎么能渲染出來!