替换按钮JS中的图像[关闭]答案

【问题标题】：replace image within a button JS [closed]替换按钮JS中的图像[关闭]
【发布时间】：2012-12-01 03:47:14
【问题描述】：

我有一个关于一个冗长故事的相当棘手的问题，希望我能在没有太多背景的情况下很好地传达它。

我只能在允许我更改次要 css 和添加 javascript 等的预定义表单中工作。但是我无法编辑部分源代码。

在此表单中，有一个按钮，其中嵌入了图像。我想使用一些 javascript 来删除此图像或将 src 替换为 " " 并保留按钮的功能。

按钮来源是：

   <button type="submit" id="ID_formd1735f95_guest_login_submit">
    <img src="images/icon-tick22.png" border="0" align="absmiddle" style="vertical-align:middle;" alt=""> Log In
   </button>

任何帮助将不胜感激！

【问题讨论】：

这不是解决此问题的最佳方法。您是否尝试阻止在按钮内添加此图像？
@RicardoLohmann：你读过那部分说源代码中有部分无法编辑的部分吗？
@ScottSauyet 是的，但问题是。为什么？
@RicardoLohmann：好吧，我不能代表 OP，但我一直处于糟糕的环境中，其中一些标记是由我无法控制的系统生成的，我不允许这样做在它到达客户端之前做任何事情。所以我看到了类似的要求。我很高兴现在远离这样的环境，但恐怕它们并不是那么罕见。
@RicardoLohmann，ScottSauyet 是正确的，这是一个系统生成的按钮，我无法控制...

标签： javascript image button

【解决方案1】：

难度不大：http://jsfiddle.net/CrossEye/kN6WV/

var button = document.getElementById("ID_formd1735f95_guest_login_submit");
var images = button.getElementsByTagName("IMG");
if (images && images.length) {
    button.removeChild(images[0]);
}

【讨论】：

感谢您的快速回复和链接，jsfiddle 看起来像一个无价的工具！缺点是，即使它似乎适用于 jsfiddle，我也无法复制它（复制和粘贴）...
我很抱歉！这确实有效......只是不在 IE 8 中。我想我可以忍受，但如果有人对如何让它在 IE 中工作有任何进展，那就太棒了
Fiddle 在 IE8 中工作，不知道为什么它不能在你的环境中工作。
到目前为止，这是唯一提供修复的解决方案，标记为已回答，谢谢 Scott