Testirao sam tvoj kod unutar html datoteke koju sam napravio, i promjena iz 1, 2, 3 u tekst se događa instantno, bez zadrske. No to je na maltene praznoj stranici. Kako se ponasa kada stranica ima kompletan sadrzaj, trenutno nemam prilike testirati.
Ako iz nekog razloga ne mozes iskoristiti jQuery library, pokusat napraviti mali "hack":
Napisi unutar js-a:
var id_a = document.getElementById("a");
var id_b = document.getElementById("b");
var id_v = document.getElementById("v");
id_a.style.display="none";
id_b.style.display="none";
id_v.style.display="none";
Prvo sakrij elemente koji sadrze gornje id-jeve. (umjesto display, mozes koristiti i visibility ili opacity svojstvo ako hoces). Ako se pri ucitavanju stranice elementi sakriju instantno, tada izvrsi ostatak coda:
id_a.innerHTML = "<div>prvi tekst</div>";
id_b.innerHTML = "<div>drugi tekst</div>";
id_v.innerHTML = "<div>novi tekst</div>";
id_a.style.display= "block";
id_b.style.display= "block";
id_v.style.display= "block";
Ako radi, ovaj kod mozes kasnije promijeniti da ne bude ovako redundantan.