我应该如何使用javascript更改带有变量的注入HTML元素？

Question

Question: What is the best practice to inject HTML, that contains javascript?

Script to load content in page:

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

Page:

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

Responsetext:

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

So I'm injecting HTML that contains a script. But the script is not executed. How should I change variable HTML inside an injection?

Answer 1

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

Answer 2

I dont understand what the problem is. InnerHtml should work perfectly, as long as the variable is global and also you get the desire content.

Here is an example of what i understod off what you want.

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

To get the content of the site from the url you will have to use a library like jq getscript Did i understand you correctly?