执行插入.innerHTML的<script>元素

Question

执行插入.innerHTML的<script>元素我有一个脚本，它可以在元素中插入一些内容innerHTML.例如，内容可以是：<script type="text/javascript">alert('test');</script><strong>test</strong>问题是，<script>标签不会被执行。我搜索了一下，但没有明显的解决方案。如果我使用jQuery插入内容$(element).append(content);剧本部分eval在被注入DOM之前。是否有人获得执行所有<script>元素？jQuery代码有点复杂，所以我无法真正弄清楚它是如何完成的。编辑:通过查看jQuery代码，我找到了jQuery是如何实现的，这导致了以下代码：Demo:<div id="element"></div><script type="text/javascript">   function insertAndExecute(id, text)   {     domelement = document.getElementById(id);     domelement.innerHTML = text;     var scripts = [];     ret = domelement.childNodes;     for ( var i = 0; ret[i]; i++ ) {       if ( scripts && nodeName( ret[i], "script" ) && (!ret[i].type || ret[i].type.toLowerCase() === "text/javascript") ) {             scripts.push( ret[i].parentNode ? ret[i].parentNode.removeChild( ret[i] ) : ret[i] );         }     }     for(script in scripts)     {       evalScript(scripts[script]);     }   }   function nodeName( elem, name ) {     return elem.nodeName && elem.nodeName.toUpperCase() === name.toUpperCase();   }   function evalScript( elem ) {     data = ( elem.text || elem.textContent || elem.innerHTML || "" );     var head = document.getElementsByTagName("head")[0] || document.documentElement,     script = document.createElement("script");     script.type = "text/javascript";     script.appendChild( document.createTextNode( data ) );     head.insertBefore( script, head.firstChild );     head.removeChild( script );     if ( elem.parentNode ) {         elem.parentNode.removeChild( elem );     }   }   insertAndExecute("element", "<scri"+"pt type='text/javascript'>document.write('This text should appear as well.')   </scr"+"ipt><strong>this text should also be inserted.</strong>");</script>