无法在 IE 6 中使用 Javascript 加载图像答案

【问题标题】：unable to load image using Javascript in IE 6无法在 IE 6 中使用 Javascript 加载图像
【发布时间】：2010-12-28 17:45:31
【问题描述】：

我正在尝试在单击按钮时使用 Javascript 设置 Img 标记的来源。我面临的问题是我在 IE 6 中看不到图像，但它在 FireFox 中有效。我浏览并尝试了一些解决方案，例如在页面加载（文档加载）本身中加载图像或设置计时器，但没有任何解决方案始终如一。这个问题也不一致，所以无法找到确切的解决方案。代码在这里-

<li> <a id="lnk1" runat="server">
<img class="each_idea_icon" alt="" runat="server" id="imgAs" idea="images"  />                          
</a>
</li>

//on button client click
var imgAs = $('#<%=imgAs.ClientID %>');
imgAs.attr("src", "../../Common/Images/EN/ABC.png");

谁能告诉我这可能是问题所在。它在 IE 中完美运行。我已删除“>”或“

默认情况下，我在服务器端设置图像 src。

【问题讨论】：

嗯，您没有正确复制和粘贴代码（我希望 =p）
您可以通过在行前放置四个空格将其格式化为代码。
你可以试试document.getElementById('...').src = '...'); 看看是否有效？
(OT) 你的页面真的是一个 XHTML 页面，作为 XML 服务吗？如果没有，最好使用 HTML 语法。更多信息：w3.org/International/articles/serving-xhtml

标签： javascript image-processing internet-explorer-6

【解决方案1】：

我也遇到了同样的问题，下面的代码修复了它：

var imgAs = $('#<%=imgAs.ClientID %>');
var imgParent = img.parentNode;

imgParent.innerHTML = "<img src='/_layouts/images/minus.gif' id='" + img.id + "' alt='" + img.alt + "'></img>";

我将 HTML 字符串分配给其父元素的innerHTML。

希望这会有所帮助！

【讨论】：

【解决方案2】：

尝试使用不是 png 的图像，ie6 和 png 从来没有很好地播放。你需要一些特定的代码才能让它们正常工作。

【讨论】：

【解决方案3】：

尝试使用

imgAs.setAttribute ( "src" , "../../Common/Images/EN/ABC.png" );

见

element.setAttribute

【讨论】：

我也面临同样的问题。这个解决方案对我不起作用:(

【解决方案4】：

我相信我知道你的问题是什么，出于某种原因，当你使用 <img ... /> 安装的 <img ..> </img> 在某些情况下它不起作用

【讨论】：

如果我不通过服务器端-vb.net 设置我的图像（正如我在页面加载时默认设置的那样），那么它可以完美运行。
所以如果我们通过服务器端设置它然后尝试使用客户端（javascript）设置有什么问题。

【解决方案5】：

您是否尝试过先将其设置为空白/清晰的 gif 或图像文件？如果最初没有图像，有时很难设置 img src。

【讨论】：