替換元素節點
<!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>是一個很常用的技術，為網頁添加動態效果。</div>
? <a href="javascript:replaceMessage()"> 將加粗改為斜體</a>
?
??? <script type="text/javascript">
????? function replaceMessage(){
??????? var newnode=document.createElement("i");
??????? var newnodeText=document.createTextNode("javaScript");
??????? newnode.appendChild(newnodeText);
??????? var oldNode=document.getElementById("oldnode");
??????? oldNode.parentNode.replaceChild(newnode,oldNode);
?? ??? ? ?
?????? }?? ?
? </script>
?
?</body>
</html>
上面的appendChild不是在節點的后面插入一個節點嗎。前面一個文本節點，后面一個元素為i的元素節點，為什么顯示的結果是正確的呢
2016-04-11
appendChild是在 i 標簽里插入的文本節點，?oldNode.parentNode.replaceChild(newnode,oldNode);這替換的是元素節點
2016-04-11
不用謝