javascript - 如何降低 CSS 不透明度

Question

我需要纯 javascript 函数来找到 HTML 元素的当前不透明度并将其降低 10%。有什么有效的跨浏览器解决方案吗？

请不要使用像 jQuery 这样的 JS 框架(我有我的理由所以不要问为什么)，谢谢。

Answer 1

使用 IE 变体

var style = document.getElementById(...).style;
if(browserIsIE) {
  var regExpResult = /alpha\(opacity\s*=\s*(\d*)\s*\)/.exec(style.filter);
  var opacity;
  if(regExpResult && regExpResult.constructor == Array && regExpResult[1] && opacity = parseInt(regExpResult[1])) {
    style.filter = "alpha(opacity = " + (opacity - 10) + ")";
  } else {
    style.filter = "alpha(opacity = 90)"; 
  }
} else {
  style.opacity = style.opacity=='' ? 0.9 : parseFloat(style.opacity)-0.1;
}