Tengo una página que está cargando un script de un tercero (fuente de noticias). Lossrc url para el script se asigna dinámicamente al cargar (por código de terceros).

<div id="div1287">
    <!-- dynamically-generated elements will go here. -->
</div>

<script id="script0348710783" type="javascript/text">
</script>

<script type="javascript/text">
    document.getElementById('script0348710783').src='http://oneBigHairyURL';
</script>

El script cargado desdehttp://oneBigHairyURL luego crea y carga elementos con varias cosas de la fuente de noticias, con un formato bonito, etc. endiv1287 (el ID "div1287" se pasa enhttp://oneBigHairyURL para que el script sepa dónde cargar el contenido).

El único problema es que solo lo carga una vez. Me gustaría que se vuelva a cargar (y, por lo tanto, muestre contenido nuevo) cada n segundos.

Entonces, pensé que probaría esto:

<div id="div1287">
    <!-- dynamically-generated elements will go here. -->
</div>

<script id="script0348710783" type="javascript/text">
</script>

<script type="javascript/text">
    loadItUp=function() {
        alert('loading...');
        var divElement = document.getElementById('div1287');
        var scrElement = document.getElementById('script0348710783');

        divElement.innerHTML='';
        scrElement.innerHTML='';
        scrElement.src='';
        scrElement.src='http://oneBigHairyURL';
        setTimeout(loadItUp, 10000);
    };
    loadItUp();
</script>

Recibo la alerta, el div se borra, pero no se vuelve a cargar ningún HTML generado dinámicamente.

¿Alguna idea de lo que estoy haciendo mal?