JavaScriptを使用して画像を動的に表示する方法

Question

JavaScriptコードがあり、動的に作成されたHTMLページ内に画像を挿入したいと思います。私がコードに間違っていたら私を修正してください。事前に

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

 
_dockPanel.container.append(html);

ありがとう：コードは、このような何かを実行します。

Answer 1

あなたがここにタイプミスがあります

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は必要ありません。ここで...container");">'

は、作業（デモ目的のためにわずかに変更された）フィドルがあります'\ n'で区切る