У меня есть скрипт, который вставляет некоторый контент в элемент, используя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>