javascript - 如何从页面中动态删除脚本

Question

我正在尝试的是 - http://jsfiddle.net/jhrz9/1/

删除当有人单击按钮#goBack 按钮时生成的脚本现在我可以在用户单击#runMyCode 时创建和附加脚本和样式标签但是只要我使用#goBack 按钮返回上一个屏幕，脚本就会保留在屏幕上，现在我要做的是删除该脚本并在单击#runMyCode 按钮时再次创建另一个

现在我正在尝试这个 -

var newScript = document.createElement('script'); ;
var newTextNode=document.createTextNode($("#jsTextArea").val());
newScript.type = 'text/javascript';
newScript.appendChild(newTextNode);
document.body.appendChild(newScript);
$('#goBack').click(function(){
newTextNode.parentNode.removeChild(newTextNode);
});

但由于某种原因它不起作用....

Answer 1

你必须给脚本一个id。

$("#runMyCode").click(function(){
   $("#resultContainer").html($("#htmlTextArea").val());
   var newScript = document.createElement('script');
   newScript.id = "goback_script";
   var newTextNode=document.createTextNode($("#jsTextArea").val());
   newScript.type = 'text/javascript';
   newScript.appendChild(newTextNode);
   document.body.appendChild(newScript);
   var newStyle = document.createElement('style');
   var newTextNode2=document.createTextNode($("#cssTextArea").val());
   newStyle.type = 'text/css';
   newStyle.appendChild(newTextNode2);
   document.body.appendChild(newStyle);
});
$('#goBack').click(function(){
   var script = document.getElementById("goback_script");
   script.parentElement.removeChild(script);
});

jsFiddle