Question

私はimage-map-pro-jquery-interactive-imageを使用していますが、画像の上にボタンを追加しようとしていますが、表示されません。

var div1=document.getElementById("wcp-editor-canvas"); 
    console.log(div1) 
    div1.innerHTML+='<button style="position:absolute;">Do it</button>'; 

Answer 1

innerHTML+=を使用しています。あなたのdivの後にボタンを含む。位置が絶対的であるので、あなたは、この要素が」doesnのことを意味しているボタンが覆われます。..次のように

var div1=document.getElementById("wcp-editor-canvas"); 
 
    console.log(div1) 
 
    div1html = div1.innerHTML; 
 
    div1.innerHTML='<button>Do it</button><br/>' + div1html;

<div id="wcp-editor-canvas">lorem ipsum</div>

Answer 2

変更相対に位置し、スクリプトを更新し、"display: block; position: relative"にスタイルを設定することができますレイアウトにポジションがあります。また、innerHTMLはbuttonHTMLString + innerHTMLに等しい変数に格納する必要があります。これはボタンHTMLを他のHTMLの前に置きます。