These are the test files.
main.html
<html>
<head>
</head>
<body>
<div id="test">
<script id="test-script" src="./a.js"></script>
</div>
<script type="text/javascript" src="./add-js.js"></script>
</body>
</html>
add-js.js
function htmlToElement(html) {
var div = document.createElement('div');
div.ierHTML = html;
return div.firstChild;
}
var testContent = document.getElementById("test");
var oldScript = document.getElementById("test-script");
var myScript = htmlToElement('<script src="./b.js"></script>');
testContent.replaceChild(myScript, oldScript);
a.js
alert("a");
b.js
alert("b");
I open main.html by using chrome, however, I only can see a alerted, why b doesn't alert? And how can do to make b.js useful?