我應該如何使用javascript更改帶有變量的注入HTML元素？

Question

問題：注入HTML的最佳實踐是什么，包含javascript？

在頁面中加載內容的腳本：

elmnt = document.getElementById("contentcontainer");
elmnt.innerHTML = this.responseText;

頁：

Welcome to our restaurant!
<div id="contentcontainer"></div>

responseText的：

<div>
The menu for today:
<script> Script to get API resonse menu(today); <script>
</div>

所以我正在注入包含腳本的HTML。 但是腳本沒有被執行。 我應該如何在注入中更改變量HTML？

Answer 1

您可以使用“ 模板字符串 ”並注入已處理的HTML。

Answer 2

我不明白問題是什么。 InnerHtml應該可以完美地工作，只要變量是全局的，你也可以獲得所需的內容。

這是我想要了解你想要的東西的一個例子。

let str = '<p><script>var test="this is a test"</script></p>'

document.getElementsByTagName("BODY")[0].innerHTML  =str;

console.log(test) // and here is the injected script variable result

要從網址獲取網站的內容，您將不得不使用像jq getscript這樣的庫我是否理解正確？