火狐忽略document.getElementById(id).style.background是因为在火狐浏览器中,使用style属性设置元素的背景色时,需要使用rgb格式的颜色值,而不是十六进制格式的颜色值。
解决这个问题的方法是将十六进制格式的颜色值转换为rgb格式的颜色值,然后再设置给元素的style属性。
以下是一个示例代码:
var element = document.getElementById(id);
var hexColor = "#ff0000"; // 十六进制格式的颜色值
var rgbColor = hexToRgb(hexColor); // 将十六进制颜色值转换为rgb格式的颜色值
element.style.background = rgbColor; // 设置元素的背景色
// 十六进制颜色值转换为rgb格式的颜色值
function hexToRgb(hex) {
var bigint = parseInt(hex.slice(1), 16);
var r = (bigint >> 16) & 255;
var g = (bigint >> 8) & 255;
var b = bigint & 255;
return "rgb(" + r + ", " + g + ", " + b + ")";
}
这样,在火狐浏览器中就能正确地设置元素的背景色了。
推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云