使用 getElementById( " " ).src 设置图像 src 在 xsl 中不起作用

我有以下脚本：

      <script language="text/javascript">
        document.getElementById("eagle").src="http://path.com:8000/OA_HTML/1.gif";
      </script>

和 html：

<img id="eagle" src="godlo.gif" width="60" height="60"/>

我不会JS来更改图像的路径，但保持不变。为什么这行不通？在 js fidle 中它工作得很好，那么为什么这在 xslt 中不起作用呢？也许有办法？

更新

我已经编辑了这篇文章以添加 xsl 文件。虽然我认为这里没有必要。

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/1999/xhtml" version="1.0">
  <xsl:output method="html"/>
  <xsl:template match="*">
    <html>
      <head>
        <title>D</title>
      </head>
      <script language="text/javascript">
        document.getElementById("eagle").src="http://example.com:8000/OA_HTML/1.gif";
      </script>
      <body>
              <p  style="text-align:center;"><img id="eagle" src="1.gif" width="60" height="60"/></p>
</body>
    </html>
  </xsl:template>

@Ishank Gupta在评论中发布的解决方案是正确的：

将<script language="text/javascript">更改为<script type="text/javascript">就成功了。

您的脚本不知道eagle在哪里，请将脚本放在 img 标记下方。还需要将<script language="text/javascript">更改为<script type="text/javascript">

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/1999/xhtml" version="1.0">
<xsl:output method="html"/>
<xsl:template match="*">
  <html>
    <head>
      <title>D</title>
  </head>
  <body>
          <p  style="text-align:center;"><img id="eagle" src="1.gif" width="60" height="60"/></p>
</body>
<script type="text/javascript">
    var picurl = window.location.protocol+"//"+window.location.hostname+"/OA_HTML/godlo.gif/>";
    document.getElementById("eagle").src="http://example.com:8000/OA_HTML/1.gif";
  </script>
</html>
</xsl:template>

相关内容

最新更新

热门标签：