使用 HTML DOM 更改脚本标签的内容

Question

当我们使用 html dom 时，我们通常运行如下代码：

document.getElementById('id').innerHTML = 'new text'更改标签的内容，例如<div>

但是我用<script>标签尝试了这个，它似乎没有工作。 我应该尝试什么？

document.getElementsByTagName('script')[0].innerHTML = "document.write('ok')"

Answer 1

假设您有一组脚本：

var scripts = document.getElementsByTagName('script');

执行scripts[0].innerHTML = "document.write('ok')"将有效地更改脚本的内容，但不会执行脚本的新内容。

解决方案很简单：

1. 删除要更新的脚本。
2. 创建一个新脚本并将其添加到页面的body中。 它将被执行。

使用body中的待更新脚本，这等于：

document.body.removeChild(scripts[0]);
var newScript = document.createElement('script');
newScript.innerHTML = 'document.write("ok")';
document.body.appendChild(newScript);