Как вставить тег изображения внутри div в rendered html?

Question

Я использую pdf.js, чтобы показать текст в формате pdf вместе с изображением (которое я вставил через xslt), но изображение не отображается в произведенном html.There только текст в визуализированном html.

Вынесено выход

<div class="textLayer"> 
<div data-canvas-width="22.717943046104818" data-font-name="font_p0_1" dir="ltr" data-text-length="6" style="font-size: 8.378597354949745px; left: 110.52924529041462px; top: 627.8325441560373px; -webkit-transform: scale(1.195681212952885, 1); -webkit-transform-origin: 0% 0%; cursor: text;">Click&nbsp;</div> 
. 
. 
. 
. 
. 
</div> 

Мой XSLT-код

<fo:block space-after="1pt"> 
       <xsl:apply-templates/> 
       . Click here 
       <fo:external-graphic> 
           <xsl:attribute name="src"> 
            <xsl:text>url('</xsl:text><xsl:value-of select="$ImagePath"/><xsl:text>')</xsl:text> 
           </xsl:attribute> 
          </fo:external-graphic> 
          to Open Table 
      </fo:block> 

Я попытался следующий код, чтобы вставить DIV в оказанной HTML

function addDiv() { 
     var objTo = $(".textLayer"); 
     var divtest = document.createElement("div"); 
     divtest.innerHTML = "new div"; 
     objTo.append(divtest); 
     alert('added'); 
    } 
$(function() { 
    addDiv(); 
    }); 

Но ДИВ не вставлена доминион

Мои требования к проекту заключаются в том, что когда пользователь нажимает на изображение, какое-либо div должно отображаться, но как сделать изображение кликабельным, когда нет тега против него.

Answer 1

Попробуйте один

function addDiv() { 
     var objTo = $(".textLayer"); 
     var divtest = document.createElement("div"); 
     divtest.innerHTML = "new div"; 
     objTo.get().appendChild(divtest); 
     alert('added'); 
    } 

$(function() { 
    addDiv(); 
    });