2017-03-26 259 views
0

我已经通过样式表为我的html标签应用font-size:样式。我想用javascript检索它。获取html标签的样式属性

我试过做document.getElementsByTagName("html")[0].style,我最终检索没有值的样式。

+1

的是['window.getComputedStyle()'方法](https://developer.mozilla.org/en/docs/Web/API/Window/getComputedStyle)你在找什么? – nnnnnn

+0

@nnnnnn我尝试过应用它,但不成功 – Sequential

+0

@nnnnnn只是试了一遍,它的工作......谢谢。 'let elem = document.getElementsByTagName(“html”)[0] \t \t \t console.log(window.getComputedStyle(elem,null).getPropertyValue(“font-size”))' – Sequential

回答

1

html元件可以通过document.documentElement被称为尝试以下操作:

var elem = window.getComputedStyle(document.documentElement); 
 
var fontSize = elem.fontSize; 
 
console.log(fontSize);
html{ 
 
    font-size: 20px; 
 
}
<html> 
 
    <head> 
 
    </head> 
 
    <body> 
 
    </body> 
 
</html>

+0

这工作,谢谢! – Sequential

+0

不客气。 – Mamun

0

请尝试以下方法:

let elem = document.getElementsByTagName("html")[0]; 
console.log(window.getComputedStyle(elem, null).getPropertyValue("font-size"));