javascript - 我想在 javascript 中使用 window.getComputedStyle() 获取字体大小，但它不能

Question

var menu = document.getElementsByClassName("menu");
var a = window.getComputedStyle(menu, null).fontSize();
var fontSize = parseFloat(a);

alert("HELLO");

这就是代码。所以我想获得名为菜单的类的字体大小。然后，我想提醒(“HELLO”)。但是，警报不会运行，当我将警报更改为警报(字体大小)时，它也不起作用。我的代码有什么问题吗？

Answer 1

您应该将一个元素传递给 .getComputedStyle 方法。 .getElementsByClassName 返回一个集合。您要么需要从集合中选择第一个元素，要么使用 .querySelector 来选择目标元素。另请注意，.getComputedStyle 返回的对象没有fontSize 方法，它是一个属性。您还可以使用 .getPropertyValue 获取特定值:

// select the first .menu element
var menu = document.querySelector(".menu");
var a = window.getComputedStyle(menu, null).getPropertyValue('font-size');