获取javascript继承的给定div的css值_Javascript_Css

获取javascript继承的给定div的css值

javascript css

获取javascript继承的给定div的css值,javascript,css,Javascript,Css,给定页面的一个DIV，我想通过Javascript获得a元素的样式表继承比如说 <html> <head> BODY { font-size:18px; } A { color: red; } #layer A { color: green; } </head> <div id="layer"> <a href="xxx">yyy</a> </div> </body> </html>

给定页面的一个DIV，我想通过Javascript获得a元素的样式表继承

比如说

<html>
<head>
BODY { font-size:18px; }
A { color: red; }
#layer A { color: green; }
</head>

<div id="layer">
<a href="xxx">yyy</a>
</div>

</body>
</html>


正文{字体大小：18px；}
A{颜色：红色；}
#层A{颜色：绿色；}

我想要一个像getStyle（“layer”，“a”）这样的JS函数，它返回我“font-size:18px；color:green；”，这是应用于该div元素的所有样式，从所有样式表继承而来

谢谢大家!

就是你要找的

我是在JSFIDLE上做的：


正文{字体大小：18px；}
A{颜色：红色；}
#层A{颜色：绿色；}
窗口警报(
getComputedStyle(
document.getElementById（'thelink'））
).fontSize
);
//它警告18px，这是从css中的BODY继承的

对不起，我不知道你在说什么。。。你不能回答这个问题吗？我不知道该怎么办。。。其他问题我没有问题。。。说真的，我该怎么办！：（请转到您以前提出的问题，并单击帮助您的答案旁边的答案复选框。完成，抱歉！…和谢谢。无论如何，这个问题可能会帮助您：。是的，我在那里，但它不一样…我需要在给定标记的给定DIV中继承样式谢谢，但正如我指定的，我需要应用到的完整css。）该元素，因此“字体大小：18px；颜色：绿色；”：P此外，我无法修改原始HTML

<div id="layer">
<a href="xxx" id="thelink">yyy</a>
</div>

BODY { font-size:18px; }
A { color: red; }
#layer A { color: green; }

window.alert(
    getComputedStyle(
        document.getElementById('thelink')
    ).fontSize
);
// it alerts 18px, which is inherited from BODY in css