javascript - document.getElementById ("…").className = "…";无法在 IE 中工作

Question

我在这里创建了一个业务生成器:http://minespress.net/web_apps/business-cards/

我使用 document.getElementById("…").className = "…"; 创建了一个预览 Pane ，它会在单击(缩略图的)时切换背景图像，并且还会在文本 div 周围移动，具体取决于关于名片的设计。这在 FF、Chrome 和 Safari 中完美运行。当我在 IE 中尝试时，onClick 没有任何反应。

我还应该提到，我的拇指是单选按钮，需要根据是否选中它们来更改表单操作。再次在除 IE 之外的其他浏览器中运行良好。是否有一些 IE 错误或者我只是做了一些完全错误的事情？

这是我的代码示例:

<input
    style="display:none"
    checked="checked"
    name="group1"
    id="2"
    value='http://minespress.net/web_apps/business-cards/img/twinkle-blue.jpg'
    type="radio"
    onclick="document.getElementById('card').className ='Default'; document.getElementById('compname').className ='', document.getElementById('slogan').className ='', document.getElementById('leftinfo').className ='', document.getElementById('rightinfo').className =''" />

Answer 1

IE 8 不支持图像作为输入字段的标签。这就是我的单选按钮不起作用的原因。现在我只需要弄清楚如何解决这个问题。