如何从样式属性中获取属性值?

时间:2018-01-04 15:38:44

标签: javascript html

XKeyEvent

下面我提取背景颜色 - 红色,以十六进制代码

<div class="card card-stats" style="background-color:#FF001A">

我对语法和方法感到困惑,我们如何获取具有var a = document.getElementsByTagName('div').item(0).getAttributeNode('style'); var b = a.getAttributeNode("STYLE").value ; 十六进制代码的样式属性值并使用JavaScript将其存储在变量中?

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

1 个答案:

答案 0 :(得分:1)

有多种方法可以访问DOM元素,最简单的方法是使用ID,如下所示:

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

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