W jaki sposob zaladowac htmla do diva

Czesc interesuje mnie, jak zaladowac htmla w jsie do diva ktorego zlapiemy. Wiem, ze mozna uzyc do tego metody load(), ale czy jest jakis sposob, zeby to zrobic lokalnie? I w czystym js.

http://lmgtfy.com/?q=How+to+insert+html+into+div+in+native+javascript

Nie widze bardzo fajnego rozwiazania. Istenieje jakas bardziej przyjazna forma? Cos w stylu return i zwracanie wartosci?

document.getElementById('id_elemntu').innerHTML = 'nowa zawartość';

Co Ty chcesz zwracać jak chcesz załadować HTML'a do div'a?

Krwawy Lew, Złoty Mleczarz, Wybitny Orzeł... te wasze nicki sprawiają, że temat wygląda jak zlot indian :P

A co do problemu to ja polecam zapoznać się z dokumentacją od Mozilli.

Tak ale chodzi mi cos w rodzaju.

document.getElementById("cos").innerHTML = template();

a teraz funkcja template.

var template = function() {
return "<div>
<h1>Template</h1>
        </div>"
}

Tak zeby to bylo bardziej przyjazde bo jesli mam pisac innerHTML w jednym ciagu to cholery mozna zrobic przy wiekszym divie np.

I teraz drugie pytanie. Czy jest mozliwosc zeby byl zmieniony link? Z index.html np. na button.html i tam wlasnie jest ten moj button ktory zrobilem funkcja innerHTML = button(); Chociazby. Wiem ze takie mozliwosci daja frameworki, ale czy mozna to jakos zrobic w js, zeby to w miare dzialalo?

Zrobilem sobie cos takiego:

<div id="wynik"></div>
<div id="wynik2"></div>

var hello = function() {
  this.return = function() {
     return "<div>\
          <h1> Witam </h1>\
         </div>"
  };
 
};
var hello1 = new hello();
document.getElementById("wynik").innerHTML = hello1.return();
var hello2 = new hello();
document.getElementById("wynik2").innerHTML =
hello2.return();

Czy jest to poprawne rozwiazanie? I jeszcze wlasnie chcialbym zeby to bylo w jakims htmlu, zebym mogl np. tak jak tutaj miec chociazby hello.html i tam bedzie ten moj renderowany template.