javascript - 如何从 index.html 中的动态脚本中删除内容

Question

我必须从具有属性 id 的脚本中删除内容，并在 index.html 中键入 application/json。它来自另一个应用程序(该应用程序基于另一个应用程序)，我无法找到脚本所在的位置。我试过了:

<script type="text/javascript">
    document.getElementById('wk-ra-state').textContent = ' ';
</script>

但没有任何效果可能是因为脚本总是在 index.html 主体的末尾。有什么想法吗？

Answer 1

实际上，由于您在 HTML 页面末尾清空 script 标记的代码在其上方，因此它会在脚本完全加载之前运行代码。这就是您收到错误的原因:

Uncaught TypeError: Cannot set property 'innerHTML' of null

为了在网页上加载所有内容后运行代码，请使用:

document.addEventListener("DOMContentLoaded", function(event) {});

它将在加载所有 DOM 后运行代码。

参见下面的示例，第一个示例不使用 document.addEventListener("DOMContentLoaded", function(event) {});，第二个使用它。

错误的例子:

<script>
  document.getElementById('wk-ra-state').innerHTML = '';
</script>
<!-- end of the html page -->
<script id="wk-ra-state" type="application/json">{&q;APP_SERIALIZATION_KEY&q;:{&q;recentFavorites&q;:{&q;pending&q;:false,&q;recentItems&q;:[{&q;id&q;:&q;&q;,&q;viewed&q;:false,&q;type&q;:&q;document&q;,&q;title&q;:&q;&q;,&q;link&q;:&q;javascript:void(0)&q;}]},&q;suggestions&q;:{&q;pending&q;:false,&q;requests&q;:{},&q;cach ............ </script>

很好的例子:

<script>
  document.addEventListener("DOMContentLoaded", function(event) {
    document.getElementById('wk-ra-state').innerHTML = '';
  });
</script>
<!-- end of the html page -->
<script id="wk-ra-state" type="application/json">{&q;APP_SERIALIZATION_KEY&q;:{&q;recentFavorites&q;:{&q;pending&q;:false,&q;recentItems&q;:[{&q;id&q;:&q;&q;,&q;viewed&q;:false,&q;type&q;:&q;document&q;,&q;title&q;:&q;&q;,&q;link&q;:&q;javascript:void(0)&q;}]},&q;suggestions&q;:{&q;pending&q;:false,&q;requests&q;:{},&q;cach ............ </script>