Как заменить картинку, одну на другую?
dollar показал один и вариантов (не лучший).
Вот еще один (тоже хреновый)<img src="https://loremflickr.com/g/200/200/carnaval"
     style="display:none"
     onload="this.style.display='inline-block'"
>
И еще один, применяемый повсеместно, лучший на мой взгляд (плюс одно решение будет работать для любых элементов)<html id="no-js" lang="en">
<head>
  <script>document.documentElement.id = 'js'</script>
  <style>#no-js .no-js-hidden { display: none !important; }</style>
  ...
</head>
<body>
...
<img class="no-js-hidden" src="https://loremflickr.com/g/200/200/carnaval">
...
Плюс вы можете использовать в ваших стилях селекторы #no-js и #js для разделения по принципу наличия включенного javascript
Если я вас правильно понял, то примерно так:<div>
  <script>
    document.write('<img src="https://loremflickr.com/g/200/200/carnaval">');
  </script>
  <noscript>
    <img src="https://loremflickr.com/g/200/200/cat">
  </noscript>
</div>