如何在Javascript中获取CSS值并将其另存为变量？

Question

如何连接到CSS / HTML并获取div的当前颜色，然后将其另存为变量以在Java脚本中进一步工作？例如html页面上有一个红色元素，您想找到其颜色，然后将其另存为js中的变量。

HTML

<div type="button" value="a1" id="a1" onclick="fire(this.id);">a1</div>

CSS

#a1{
    color: white;
    background-color: darkblue;
}

我在程序中再次更改了此颜色。是的，因此即时通讯目前不确定在通过Java脚本更改div后如何获取div的颜色。

Answer 1

首先，您需要该元素（在您的情况下为div）： document.getElementById(:id)通过html ID获取 要么 document.querySelector(:selectors)通过CSS选择器获取。

然后，如果我的想法不是在欺骗我，则只需抓住该元素，然后寻找要阅读的风格和道具： myDiv.style.color