Tabii ki olur, ama büyük sayfalarda işin içinden çıkamazsınız. üstelik normal javascript ile yaparsanız şöyle bir sorun ile karşılaşacaksınız.

Sayfa yüklenirken sayfadaki tüm id ve class isimleri tarayıcı tarafından hafızaya alınır. Mesela jquery ile bir işlem yapalım.

$(document).ready(function(){
    $("#sayfadakiBirId").remove();
});

Sayfa yüklendiğinde sayfadakibirid id sine sahip elemanı kaldır dedik yukarıda. Eğer ki biz senin söylediğin şekilde bir load fonksiyonu ile sayfayı oluşturursak bu çalışmaz. Çünkü sayfadakibirid id li eleman sayfa yüklendikten sonra oluşturulacak. Nedeni basit, sayfa yüklendikten sonra sayfayı oluşturan javascript çalışacak. Bu yüzden de tarayıcı sayfada bulunan hiçbir div i hafızaya almayacak onlar sonradan oluşturulacak. Bizim sayfadakibirdid elemanı da hafızada olmadığı için kaldırılmayacak.

Bu elemanı kaldırmak için daha sorgu atman gerekecek, sayfadakibirid id li eleman var mı diye bak, varsa kaldır demen gerekecek.

Yani Dom'u sonradan oluşturmak türlü türlü sorunlarla mücadele etmeni gerektirecek. Hele ki yüzlerce id ve class ın olacağı bir sayfada jquery ve bootstrap çalışmaz hale gelecek.

Bu frameworkler sayfa yüklenmeden sayfayı oluşturup daha sonra tarayıcıya göndereceği için böyle sorunlar olmayacak.

Yani dediğin olur ama iyi olmaz.

Bol şans.