Question

    // Geometry
    var lat = response.data.results[0].geometry.location.lat;
    var lng = response.data.results[0].geometry.location.lng;

    var geometryOutput = `
      <ul class="list-group">
        <li class="list-group-item"><strong>Latitude</strong>: ${lat}</li>
        <li class="list-group-item"><strong>Longitude</strong>: ${lng}</li>
      </ul>
      ;
    document.getElementById('geometry').innerHTML = geometryOutput;

  })

如何将值${lat}传递给HTML？有可能吗？

Answer 1

是的，您可以使用纯javascript执行此操作，如下所示：

document.getElementById("get-lat").innerHTML=lat

在你的html中，创建一个具有唯一ID的元素：

<span id="get-lat"></span>

此外，在您的javascript代码中使用jQuery，您可以将${lat}的值传递给html，如下所示：

$('#get-lat').html(lat)

您可以选择使用纯javascript或jQuery等库来实现此目的。

Answer 2

您可以将class设置为要设置值的元素。要设置值，您可以使用附加或 html 表示

EG。

$('.divName').append(lat); or
$('.divName').html(lat);

Answer 3

尝试在变量前断开字符串。正如@AndyG所说，这可能是一个不同的问题，但这可以在我的浏览器中使用：

var lat = 40;
var lng = 30;

var geometryOutput = '<ul class="list-group"><li class="list-group-item"><strong>Latitude</strong>: '+lat+'</li><li class="list-group-item"><strong>Longitude</strong>: '+lng+'</li></ul>' 

document.getElementById('geometry').innerHTML = geometryOutput;

只需用响应数据替换我的号码

将值从Javascript传递到HTML

3 个答案: