HTMLに変数を挿入する方法

Question

私は少し問題があります。私は翻訳JSON変数を持っています。 そして私はそれをHTMLに載せたいと思います。それをどうにかする方法はありますか？

私のJSファイル：

var Karting = Karting || {}; 

Karting = { 

lang : 'lv', 
translationsLV: { 
    "Home" : "Ziņas", 
}, 
} 

、私はこれをしたい：

マイページは静的であり、私は、任意のテンプレートエンジンを使用していませんよ。

<li><a class="active" href="#">Karting.translationsLV['Home']</a></li> 

EDIT：

追加これは：

$(window).load(function() { 
     var translations; 
     if (Karting.lang=='lv') 
     { 
      translations = Karting.translationsLV; 
     } 
     else 
     { 
      translations = Karting.translationsENG; 
     } 
      }, false); 

これは

document.write(translations['Home']) 

UncaughtRefferenceError私の要素を表示しません - 翻訳が定義されていない

Answer 1

一つの方法はdocument.writeを使用することです：すべてのあなたのJSONの

<li><a class="active" href="#"><script>document.write(Karting.translationsLV['Home'])</script></a></li> 

Answer 2

ファーストが正しくありません。そこに余分なカンマがあります。これはする必要があります

{ 
lang : 'lv', 
translationsLV: { 
    "Home" : "Ziņas", 
} 
} 

Answer 3

この場合はinnerHTMLを使用してください。

var Karting = { 
    lang : 'lv', 
    translationsLV: { 
     Home: "Ziņas" 
    } 
}, 
homeInfo = document.getElementById('homeInfo'); 
homeInfo.innerHTML = Karting.translationsLV.Home; 

HTML：悩まため

<li><a id="homeInfo" class="active" href="#"></a></li>