js 动态创建div

js yekong

vue数据大屏开发时,需要在腾讯地图上插入一个div,这里我们用js来实现,将实现过程记录下来

演示demo:vue3数据可视化大屏-科技管理大屏案例演示

腾讯地图上插入一个div

实现代码

  var mydom = document.createElement('div');  // 新建一个div的dom
  mydom.innerHTML = `<div class="mapInfo">
    <div class="infoLabel">这里是客户名称</div>
    <img src='${this.url}'>
</div>`; //设置显示的数据,可以是标签.
  // mydom.src = this.url;
  console.log(mydom)
  mydom.style.cssText = [
    'position: absolute;',
    'top:  0px;',
    'left: 0px;',
    'cursor: pointer;'
  ].join('');
  console.log('mydom')
  return mydom;
喜欢