請問這里的加粗和斜體效果體現的代碼是哪幾行，百思不得其解，求好心人
<!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 oldnode=document.getElementById("oldnode");
??????? var newnode=document.createElement("i");
??????? newnode.innerHTML=oldnode.innerHTML
??????? oldnode.parentNode.replaceChild(newnode,oldnode);
????
?????? }???
? </script>
?
?</body>
</html>
2019-11-11
<b>節點加粗，<i>節點斜體；
document.createElement("i"); - 創建斜體的文字節點
2020-08-09
<!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");
newnode.innerHTML=oldnode.innerHTML;
oldnode.parentNode.replaceChild(newnode,oldnode);
? ?
? ? ? ?}? ??
? </script>
??
?</body>
</html>