javascript - 访问样式背景颜色

标签 javascript html css css-selectors background-color

早上好，我所在的时区。

我想将标签的背景颜色设置为与所选选项的背景颜色相同。

代码片段:

<style>
   .levelKri1 {
     background-color:#CCFFCC;
   }
   .levelKri2 {
     background-color:#CCFFFF;
   }
</style>

 <select name="matrix" id="matrix" style="visibility: visible;" onChange="alert(this.options[this.selectedIndex].style.backgroundColor)">
      <option style="background-color:blue;" selected="selected" value="1">&nbsp;&nbsp;&nbsp;1&nbsp;&nbsp;&nbsp;</option>
      <option class="levelKri2" value="2">&nbsp;&nbsp;&nbsp;2&nbsp;&nbsp;&nbsp;</option>
</select>

如果我选择第一个，Alert 函数会打印 backgroundColor 如果我选择第二个，即在 css 类中定义背景颜色的那个，警报不会打印任何内容

如何获取通过 css 类设置的背景颜色？

Interner Explorer 是浏览器。

提前致谢最好的问候

最佳答案

您可以在 select 标记的 onchange 事件处理程序上尝试 window.getComputedStyle(element)。更多信息在这里:https://developer.mozilla.org/en/docs/Web/API/Window/getComputedStyle

关于javascript - 访问样式背景颜色，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43248970/