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

首页课程实战体系课手记专栏慕课教程

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

来源：9-15 替换元素节点replaceChild()

_sweet_

2015-12-23 11:10

<!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>

写回答关注

2回答

陈华东: 2016-02-09 13:12:50

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

   <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>

0 0

mmmmm_魂牵梦萦

2015-12-23 11:35:11

在你把javascript换成html的时候你的p标签已经被替换了，所以第二次在换回来的时候已经找不到ID为“oldnode”的p标签了，所以会报错也没反映。

2 0

_sweet...

那像这种，我改了之后，还想改回来，应该咋办呀 - -

2015-12-23 11:38:50

共 2 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题

在javascript中怎么换行?

回答 4

如果把return sum 换成是document.write（sum）

回答 3

为什么把alert换成document.write就行了？？？

回答 2

javascript中如何换行？

回答 5

JavaScript输出换行符

回答 3

打开慕课网App查看更多内容