Javascript 如何从样式属性中获取属性值？

我对语法和方法感到困惑，我们如何获取具有

#FF001A

十六进制代码的样式属性值，并使用JavaScript将其存储在变量中

---

稍后，我想将该值与红色进行比较，我的代码将进一步执行。

访问DOM元素有多种方法，最简单的方法是通过其ID，如下所示：

var a = document.getElementsByTagName('div').item(0).getAttributeNode('style');
var b = a.getAttributeNode("STYLE").value ;

var style=document.getElementById（'someid'）.style；
警惕（风格背景色）；

首先阅读有关SO的介绍文章。我们不能没有任何帮助。另外，请在格式上下些功夫。我对警告声明有一个问题，因为我正在处理背景色，所以它应该是警告的（style.background color）；此后，我将示例更改为使用背景色。TypeError:document.getElementById（…）为null。。。。。。。var style=document.getElementById（“红色”）.style；这是我的代码，它给出了上面的错误，我在html代码中给出了id=“red”，如果不调试代码很难确定，但是您可能在html加载完成之前运行JS？尝试在底部运行JS，或者更好，当文档加载完成后，使用文档就绪的事件监听器。

var a = document.getElementsByTagName('div').item(0).getAttributeNode('style');
var b = a.getAttributeNode("STYLE").value ;

<div id="someid" style="background-color: #FF001A"></div>

<script>
  var style = document.getElementById('someid').style;
  alert(style.backgroundColor);
</script>