Javascript没有返回样式属性

时间:2016-05-08 13:01:28

标签: javascript html css

我有一个简单的脚本,它可以获取元素中文本的颜色并将其打印到控制台。但是,当我运行脚本时,我得到一个空字符串而不是实际颜色。任何人都可以向我解释为什么以及如何解决它?

HTML

<div id="scrollingTextHolder">
    <p id="scrollingText">Hello</p>
</div>

CSS

#scrollingText{
    margin-top: 5%;
    color: black;
}

JS

window.addEventListener("load", function(){
    console.log(document.getElementById("scrollingText").style.color);
})

Pen

1 个答案:

答案 0 :(得分:0)

您可以使用getPropertyValue()rgb(R,G,B),同时将颜色返回为var a = document.getElementById("scrollingText"); console.log(window.getComputedStyle(a).getPropertyValue('color'))

&#13;
&#13;
#scrollingText {
  margin-top: 5%;
  color: black;
}
&#13;
<div id="scrollingTextHolder">
  <p id="scrollingText">Hello</p>
</div>
&#13;
std::apply([](auto ...x){std::make_tuple(some_function(x)...);} , the_tuple);
&#13;
&#13;
&#13;