JavaScript/JQuery顯示圖像而不是文本

Question

我有一個JS方法，我傳遞了一些參數，一個newText，它設置文本顯示在我的頁面上。我遇到的問題是我想顯示圖像而不是文本。我嘗試了很多方法，但我要麼顯示文本輸出（即img src =「」....），要麼顯示HTMLImage對象標記。有誰知道我可以如何修改middleTextTop.text（newText），以便我可以通過HTML代碼？我已經嘗試了$ .parseHTML（str），它不想工作。

提前感謝任何幫助。

middleTextTop 
    /*Current text disappear*/ 
    .transition().delay(700 * delayDisappear).duration(700) 
    .attr('opacity', 0) 
    /*New text appear*/ 
    .call(endall, function() { 
     middleTextTop.text(newText) 
     .attr("y", -24*loc + "px") 
     .attr("x", xloc + "px") 
     .call(wrap, w); 
    }) 

Answer 1

使用

middleTextTop.html(newText) 

代替

middleTextTop.text(newText) 

Answer 2

而不是調用的嘗試

middleTextTop.text(newText) 

呼叫

$img = $("img").prop('src', 'http://image-src/'); 
middleTextTop.append($img); 

（您也可以.html（）img標籤，但DOM-lego不是一個好的做法）。