javascript - 将传单弹出信息添加到特定的div

Question

我想将弹出数据添加到我制作的特定 div，tab4。我在我的问题中发布了代码。这是我到目前为止所拥有的。如果我 console.log(d.html) 我得到了正确的输出，但它还没有出现在我的 div 中。我想我缺少将其绑定(bind)或推送到 tab4 div 的内容，但我不确定。

window["mapDataLayer"] = L.geoJson(geojson, {
         onEachFeature: function (feature, layer){
           layer.on({
                click: function showResultsInDiv() {
                    var d = document.getElementById('tab4');
                    d.html = "";
                        for (prop in feature.properties){
                        d.html += prop+": "+feature.properties[prop]+"<br>";
                        }
                    console.log(d.html);
                    // I Think i need a line of code here that pushes it to the 'tab4' div.
                }
            }); }
    }).addTo(map);

Answer 1

我修复了它，需要使用 innerHTML 而不是 html。所以这是完整的代码:

window["mapDataLayer"] = L.geoJson(geojson, {
         onEachFeature: function (feature, layer){
           layer.on({
                click: function showResultsInDiv() {
                    var d = document.getElementById('tab4');
                    d.innerHTML = "";
                        for (prop in feature.properties){
                        d.innerHTML += prop+": "+feature.properties[prop]+"<br>";
                        }
                    console.log(d.innerHTML);
                }
            }); }
    }).addTo(map);