javascript - 如何将js文件中的变量写入html中

Question

我对某些变量有一些问题，因为我不知道如何从 .js 文件中获取它们并将它们写入 html 代码。这是来自 default.js 的代码:

$(document).ready(function(){

  function data_info_geo() {
        $.ajax({
      url: "http://ip-api.com/json",
      dataType: 'json',
      type: 'GET'
    }).success(function(data) {
      country = data.country;
      ip = data.query;

            $('#game_data').append('<div id="geo_info_country" style="display:none;">' + country + '</div>');
            $('#game_data').append('<div id="geo_info_ip" style="display:none;">' + ip + '</div>');

    });
    }

我正在尝试在 html 页面上写入这些变量，但我不知道该怎么做。我希望你能帮助我，我一直在寻找这个答案，我浏览了所有谷歌和 stackoverflow 结果，但没有得到任何好的结果。

编辑:我正在尝试编写这两个变量:

 <div id="geo_info_country" style="display:none;">' + country + '</div>
<div id="geo_info_country" style="display:none;">' + ip + '</div>

包括正确的国家/地区和 IP 地址。

Answer 1

style="display:none"将隐藏该 div 元素。不确定您是否需要在 .js 文件中使用该内联样式