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不是一个好的做法）。