将传单弹出信息添加到特定 div
发布于2021-11-03 20:22 阅读(1303) 评论(0) 点赞(26) 收藏(5)
我想将弹出数据添加到特定的 div，tab4，我做了。我在我的问题中发布了代码。这是我到目前为止。如果我console.log(d.html)得到正确的输出，但它还没有出现在我的 div 中。我想我缺少将其绑定或推送到tab4div 的东西，但我不确定。
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);
解决方案
我修复了它，需要使用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);
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/217464/530ac9d61ea20364f424/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力