如何将变量插入HTML

How to insert variable into HTML

本文关键字：插入 HTML 变量      更新时间：2023-09-26

我遇到了一个小问题，我有一个翻译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'])

UncaughtDifferenceError-翻译未定义

一种方法是使用document.write:

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

在这种情况下只需使用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>

首先，您的JSON是不正确的。那里多了一个逗号。应该是

{
lang : 'lv',
translationsLV: {
   "Home" : "Ziņas",
}
}
相关文章：