站长简介:高级软件工程师,曾在阿里云,每日优鲜从事全栈开发工作,利用周末时间开发出本站,欢迎关注我的微信公众号:程序员总部,程序员的家，探索程序员的人生之路！分享IT最新技术，关注行业最新动向，让你永不落伍。了解同行们的工资，生活工作中的酸甜苦辣，谋求程序员的最终出路!
将传单弹出信息添加到特定 div
发布于2021-11-03 20:22 阅读(1027) 评论(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);
站长简介:高级软件工程师,曾在阿里云,每日优鲜从事全栈开发工作,利用周末时间开发出本站,欢迎关注我的公众号:程序员总部,交个朋友吧!关注公众号回复前端,免费领取 全套前端视频教程,关注公众号回复前端充值+你的账号,免费为您充值1000积分
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/217464/530ac9d61ea20364f424/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)