Saber cuando AJAX ha terminado

[emprear]

A ver, la lectura del documento por parte del navegador es secuencial, podés en todo caso determinar que evento dispará la ejecución, no es lo mismo

Código HTML:

<script>
document.getElementById('x');
</script>
<div id="x"></div>
 

Error , porque tu script está intentando identificar un elemento antes de que la página sea cargada

Código HTML:

<div id="x"></div>
<script>
document.getElementById('x');
</script>
 

Correcto, ya que el elemento de id x ya se cargó

Código HTML:

<script>
functio carga(){
document.getElementById('x');
}
 
window.onload = carga;
</script>
<div id="x"></div>
 

Correcto también, ya que si bien la función está definida antes, no se ejecutará hasta que el documento sea cargado

La aplicación de una demora mediante setTimeout(), no te modifica nada en este caso, porque aunque la apliques a una función específica, lo único que hace es demorar todo.
Lo que si observo, es que en

Código Javascript:

propioJScambiaColor(){
document.getElementById(id).style.backgroundColor='#123546';
};
 

hay un error (bueno, no sé si lo pusiste como ejemplo, o lo tenés exactamente asi) ya que estás haciendo getElementById(id). utilizando una variable, que no es pasada a la función propioJsCambiaColor()

Saludos