如何從 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標記的代碼位於其上方，因此它會在腳本完全加載之前運行代碼。 這就是您收到錯誤的原因：

未捕獲的類型錯誤：無法設置 null 的屬性“innerHTML”

為了在網頁上加載完所有內容后運行代碼，請使用：

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>