為什么沒有效果???求教大神
<!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>是一個很常用的技術,為網頁添加動態(tài)效果。</div>
? <a href="javascript:replaceMessage()"> 將加粗改為斜體</a>
?
??? <script type="text/javascript">
????? function replaceMessage(){
????? var oldnode=document.getElementById("oldode"); ?
????? var newnode=document.createElement("i");
????? newnode.innerHTML=oldnode.innerHTML;
?? ?? oldnode.parentnode.replaceChild(newnode,oldnode);
?????? }?? ?
? </script>
?
?</body>
</html>
2016-10-27
你實在是太粗心了,兩個錯誤,看下面代碼中的注釋:
var oldnode=document.getElementById("oldnode"); //你的 "oldnode"少了一個n
var newnode=document.createElement("i");
newnode.innerHTML=oldnode.innerHTML;
oldnode.parentNode.replaceChild(newnode,oldnode);//parentNode中的Node首字母大寫?。。?!
2016-10-26
oldnode獲取ID錯了,少了個n
2016-10-26
oldnode.parentNode.replaceChild(newnode,oldnode);