                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

把javascript 换成了html。我现在想再把html换成javascript，但是没有反映， - - 求助

<!DOCTYPE HTML>

<html>

<head>

<title>无标题文档</title>

</head>

<body>

<div><p id="oldnode">JavaScript</p></div>

<a href="javascript:replaceMessage1()"> 将“javascript”换为“HTML”</a><br>

<a href="javascript:replaceMessage2()"> 将“HTML”换为“javascript”</a>

function replaceMessage1(){

var newnode=document.createElement("p");

var newnodetext=document.createTextNode("HTML");

newnode.appendChild(newnodetext);

var oldnode=document.getElementById("oldnode");

oldnode.parentNode.replaceChild(newnode,oldnode);

}

function replaceMessage2(){

var newnode=document.createElement("p");

var newnodetext=document.createTextNode("javascript");

newnode.appendChild(newnodetext);

var oldnode=document.getElementById("oldnode");

oldnode.parentNode.replaceChild(newnode,oldnode);

}

</script>

</body>

</html>

_sweet_

2015-12-23

源自：JavaScript进阶篇 9-15

关注问题我要回答

563

操作

收起

2 回答

陈华东
2016-02-09

在你的代码的基础上稍微改下就可以实现:

   <script type="text/javascript">
      var newnode=document.createElement("p");
      function replaceMessage1(){
        var newnodetext=document.createTextNode("HTML");
        newnode.appendChild(newnodetext);
        var oldnode=document.getElementById("oldnode");  
        oldnode.parentNode.replaceChild(newnode,oldnode);   
       }   
      function replaceMessage2(){
        var newn=document.createElement("p");
        var newtext=document.createTextNode("javascript");
        newn.appendChild(newtext); 
        newnode.parentNode.replaceChild(newn,newnode); 
    }   
  </script>