如何动态地使用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");">'

这是工作（为了演示目的略微修改）小提琴：

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>

Answer 2

var html = [...].join('');

html渲染dom不需要用'\ n'

分隔