如何在呈现的html中的div中插入图片标签？

我正在使用pdf.js显示PDF文本以及图像（我通过xslt插入），但图像不是在生成的html中呈现。只有呈现的html中的文本。如何在呈现的html中的div中插入图片标签？

渲染输出

<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>

我曾尝试下面的代码中呈现的HTML

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

插入一个div但格没有插入DOM。

我的项目要求是，当用户点击图像时，应该显示一些div，但是如果没有标签反对它，如何使图像可点击。

来源

2014-12-03 mck

试试这个

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

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

来源

2014-12-03 12:59:15

如何在呈现的html中的div中插入图片标签？

回答

相关问题