javascript - 如何使用 JavaScript\JQuery 将一些内容写入具有特定 id 的 div 中？

Question

我对 JavaScript 和 JQuery 还很陌生，我遇到了以下情况。

进入一个页面，我有这样的内容:

<map name="Map" id="Map">
    ..............................................
    ..............................................
    ..............................................
    <area data-reveal-id="SA" shape="poly" coords="63,210,74,246,64,290,38,298,30,272,33,218" 
          href="#" alt="Sardegna" onmouseover="RollMapOn('sardegna')" onmouseout="RollMapOff()" onclick="getRegioneSelezionata(this)" />
</map>

因此，此 map 仅表示代表地理 map 的图像上的映射。

因此，当用户单击由 region 标记表示的特定地理区域时，将执行 getRegioneSelezionata(this) JavaScript 函数，该函数将引用作为输入参数单击的 标签(这个推理正确吗？)。

这是 getRegioneSelezionata() 函数的代码:

function getRegioneSelezionata(regioneSelezionata) {
    var regione = regioneSelezionata.getAttribute("data-reveal-id");
    alert("Regione: " + regione);
}

此函数只是提取 data-reveal-id 属性的值(单击前面的示例，它是 SA 值)并将其打印到警报弹出窗口中。效果很好。

现在我的问题是我不希望该值在警报弹出窗口中打印，但请执行以下操作:

1)在我的页面中，我也有这个 div 具有 id="infoRegione":

<div id="infoRegione" class="jumbotron" style="height: 405px; padding-top: 5px;">
    INFO
</div>

所以我希望之前的值必须打印在这个 div 内，而不是打印到警报弹出窗口中

我该如何做这件事？

另一个疑问是前面的getRegioneSelezionata()是一个标准的JavaScript函数，我可以使用JQuery实现这个行为吗？

Answer 1

纯js:

document.getElementById('infoRegione').innerHTML = regione;

jQuery:

$("#infoRegione").html(regione);

或

$("#infoRegione").text(regione);