在javascript中的圖像上方添加按鈕

-1

我正在使用image-map-pro-jquery-interactive-image並試圖在圖像上添加一個按鈕，但它不會顯示。在javascript中的圖像上方添加按鈕

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

任何解決方案？

來源

2017-06-20 Laamiri Oussema

請提供[js-fiddle]（https://jsfiddle.net/）以更好地說明情況 – KAD

使用「insertAdjacentHTML」來代替，因爲它可以更好地控制HTML字符串的插入位置。所以一個例子是'div1.insertAdjacentHTML（'afterBegin'，''） – evolutionxbox

insertAdjacentHTML不適用於我 –

-1

您已使用innerHTML+=。其中包括您的div後的按鈕。你可以用下面的更新腳本..

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>

來源

2017-06-20 08:43:08

不，我正在使用+ = –

檢查更新片段 –

檢查更新的答案 –

改變位置相對和樣式設置爲"display: block; position: relative"按鈕被覆蓋，因爲位置是絕對的，這意味着該元素沒有按」沒有在佈局中的位置。 innerHTML還需要存儲在一個變量中，該變量等於buttonHTMLString + innerHTML，這會將按鈕HTML置於其他HTML之前。

來源

2017-06-20 08:47:34 IvanSonOfCoul

回答

相關問題