javascript - 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>

編集：

これを追加しました：

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

これは私の要素を示していません

document.write(translations['Home'])

UncaughtRefferenceError - 翻訳が定義されていません

Answer 1

1 つの方法は、次を使用することdocument.writeです。

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

Answer 2

この場合は単純に 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>

Answer 3

まず、JSON が正しくありません。そこに余分なコンマがあります。そのはず

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