javascript - 如何使用javascript动态显示图像

Question

我有一个 javascript 代码，我想在动态创建的 html 页面中插入一个图像。如果我的代码有误，请纠正我。代码运行如下:

var html = [
  '<div class="uicomponent-panel-controls-container");">',
  '<img src=' + image1 + '>',
  '</div>'
].join('\n');

_dockPanel.container.append(html);

提前致谢。

Answer 1

这里有错别字:...container");">'

这是工作的(为了演示目的稍微修改过的) fiddle :

var image1 = 'https://image.flaticon.com/teams/slug/freepik.jpg';
var html = [
  '<div class="uicomponent-panel-controls-container">',
  '<img src=' + image1 + '>',
  '</div>'
].join('\n');

document.getElementById("dock").innerHTML = html;

<div id="dock"></div>