Javascript 如何从父节点获取子节点的JS字体大小？

我正在寻找一个解决方案，在HTML中查找所有锚标记，并获得文本和相应的字体大小

例如：

<a href="#">First test</a>   
<a href="#"><h2> Second  test</h2></a>
<a href="#"><p>Third Test</p></a>

应输出相应的字体大小。但是，使用此选项：

---

检查

您可以执行以下操作来获取子节点

var a=document.getElementsByTagName（'a'）；
对于（变量i=0；i

a{
字体大小：40px；
}
氢{
字体大小：20px；
}
p{
字体大小：10px；
}

您只抓取了所有字体大小均为40px的锚定标签……您希望得到什么？我的意思是链接只有一个设置CSS字体大小的规则。

a{
  font-size: 40px;
}    
h2{
  font-size: 20px;
}    
p{
  font-size: 10px;
}

var a = document.getElementsByTagName('a');
for (var i= 0; i < a.length; ++i){
    var style    = window.getComputedStyle(a[i], null).getPropertyValue('font-size');
    var fontSize = parseFloat(style); 
    console.log(a[i].textContent + "  | font-size:" + fontSize);  
    console.log("-----------");    
}

"First test  | font-size:40"
"-----------"
" Second  test  | font-size:40"
"-----------"
"Third Test  | font-size:40"
"-----------"