Как изменить шаблоны с помощью веб-сокетов?

Question

Я хочу разбить страницу на фрагменты и использовать веб-сокеты, чтобы изменить их без перезагрузки страницы.

 {{define "index"}}
 {{template "head"}}
  <div class = "scene">
     {{template "main"}}
   </div>

{{template "foot"}}
{{end}}

Я читаю json с клиента и узнаю, какую страницу открыть.

func webSocketHandler(conn *websocket.Conn) {

 data := conn.ReadJSON(&msg)

 if data != nil {
    log.Fatal(data)
    return
 }

  LoadVista(msg.Temp,conn)
}
var (
indexTemplate = template.Must(template.ParseFiles(indexVista,mainVista,headVista,footVista 
))
loginTemplate = template.Must(template.ParseFiles(loginVista))
)

func LoadVista(nameTemplate string, conn *websocket.Conn) {
 switch nameTemplate {
 case "page2":
    templateWsRender(nameTemplate,conn)
 }

}
func templateWsRender(name string,conn *websocket.Conn){
//defer conn.Close()
 var buf  bytes.Buffer
 data := page2Template.ExecuteTemplate(&buf,name,nil)
 if data!=nil{
    log.Fatal(data)
 }
 err := conn.WriteMessage(1,buf.Bytes())
 if err!=nil{
    log.Fatal(err)
 }

}

Код клиента

var socket = new WebSocket('ws://localhost:7030/ws' )

socket.onmessage = function (event) {
  var message = event.data
  loadVista(message)
}

elem.addEventListener( "click" , sendQuery);
function sendQuery() {
  var page = {
    query_type :"openLink",
    temp: "page"
 }
var event = JSON.stringify(page);

socket.send(event);
}

function loadVista(message) {
//alert(message)
document.getElementById('scene').innerHTML = message.data;
}

Но "основной" шаблон не меняется на шаблон "страница 2". Дайте совет, как правильно организовать смену шаблонов с помощью Go + js (webscokets). Спасибо!

Answer 1

Надо было указать id.; <div id= "scene"> {{template "main"}} </div>

вместо <div class = "scene"> {{template "main"}} </div>

Потому что я ищу по идентификатору, а не по классу.document.getElementById('scene').innerHTML = message