沒法實現(xiàn)點了后就變斜體 怎么回事呢??有懂的大佬嗎
<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 newNodeTXT=document.createTextNode("JavaScript");
? ? newNode.appendChild(newNodeTXT);
? ? var Otext=document.getElementsByTagName("div");
? ? var oNode=Otext.firstChild;
? ??
Otext.replaceChild(oNode,newNode); ? ?
? ? ? ?}? ??
? </script>
??
?</body>
2018-11-15
<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 newNodeTXT=document.createTextNode("JavaScript");
? ? newNode.appendChild(newNodeTXT);
? ? var Otext=document.getElementsByTagName("div")[0]; ? ? //這里用標簽名獲取的是一個數(shù)組,注意這 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?//Elements,復數(shù)標簽的意思,這個數(shù)組下標從0 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //開始,這里要取的也是第0個標簽(就是第一個)
? ? var oNode=Otext.firstChild;
? ??
Otext.replaceChild(newNode,oNode); ? ? ? ? ? ? ? ? ? ? ? ? ? ?//然后是這個函數(shù)你寫反了,第一個參數(shù)是新節(jié)點, ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //第二個參數(shù)才是是舊節(jié)點
? ? ? ?} ? ?
? </script>
??
?</body>
2018-11-14
Otext是個長度為0的數(shù)組,可以console.log一下查看,所以oNode=Otext[0].firstChild,替換的話,需要在b標簽的上一級中把b標簽換成i標簽
2018-11-14
<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 newNodeTXT=document.createTextNode("JavaScript");?
? ? ? ? newNode.appendChild(newNodeTXT);
? ? ? ? var Otext=document.getElementsByTagName("div");
? ? ? ? var oNode=Otext[0].firstChild;? ? ? ??
? ? ? ? oNode.parentNode.replaceChild(newNode,oNode);
? ? }
</script>?
?</body>