2

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

我创建了一个预览窗格，使用document.getElementById("…").className = "…";它切换背景图像 onClick（缩略图），并且还根据名片的设计在文本 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 =''" />
4

3 回答 3

2

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

于 2011-11-16T15:51:51.730 回答
1

改用 setAttribute ：

var ele = document.getElementById('card')
ele.setAttribute('class', 'Default');
于 2011-11-15T21:31:31.000 回答
1

您是否尝试将,s 更改为;s？IE 可能比其他浏览器更挑剔...

改变

"document.getElementById('card').className ='Default'; document.getElementById('compname').className ='', document.getElementById('slogan').className ='', document.getElementById('leftinfo').className ='', document.getElementById('rightinfo').className =''"

到

"document.getElementById('card').className ='Default'; document.getElementById('compname').className =''; document.getElementById('slogan').className =''; document.getElementById('leftinfo').className =''; document.getElementById('rightinfo').className =''"

看看是否能解决你的问题。

于 2011-11-15T21:32:21.473 回答