在我在 Chrome 上创建的 JSFiddle 中,我发现它无法在 IE 上工作(我使用的是 IE9)。任何与此相关的原因:http://jsfiddle.net/ZSB67/ http://jsfiddle.net/ZSB67/.
var backImage = [
"http://alm7.wikispaces.com/file/view/RedBackground.bmp/144018347/RedBackground.bmp",
"http://www.time2man-up.com/wp-content/uploads/2011/07/black-background.jpg",
"http://1.bp.blogspot.com/--GorNQoEUxg/TfWPyckVeMI/AAAAAAAAAHk/0208KqQf3ds/s1600/yellow_background.jpg",
""
];
function changeBGImage(whichImage) {
if (document.body) {
document.body.style.background = "url(\"" + backImage[whichImage] + "\")";
}
}
var buttons = document.querySelectorAll('.bg_swap'),
button;
for (var i = 0; i < buttons.length; i++) {
button = buttons[i];
button.onclick = function() {
changeBGImage(this.dataset.index);
};
}
IEelem.dataset。您需要显式获取该属性:http://jsfiddle.net/ZSB67/1/ http://jsfiddle.net/ZSB67/1/.
changeBGImage(this.getAttribute('data-index'));
将来,您可能需要按 F12 并查看控制台是否有错误,因为它指出了导致问题的原因。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)