网站上有这种CSS样式:
<style>
body{font-size: 110%;}
</style>
现在我想用javascript阅读body-tag的字体大小。
我该怎么办?
您可以使用getComputedStyle()获得样式>
Window.getComputedStyle()方法返回一个包含应用激活后,元素的所有CSS属性的值样式表并解析这些值可能会进行的任何基本计算包含。各个CSS属性值可通过API访问由对象提供,或通过使用CSS属性名称进行索引提供。
工作片段:
const element = document.querySelector('body') const style = getComputedStyle(element) console.log(style.fontSize);
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> body { font-size: 110%; } </style> </head> <body> <div class="container"></div> </body> </html>
您可以通过使用Web API,称为getComputedStyle的窗口方法来达到此目的:
感谢您提供两个答案。