Javascript，有没有办法调试/找出继承特定元素属性的位置？

Question

我有一个计算样式字体大小为“16px”的元素。我试图在CSS或javascript中找到它的位置（比如“td”的父元素）。我在控制台中试过像

这样的东西

var td = document.querySelectorAll("td")[0];
var parent = td.parentNode;
while (td.tagName != "BODY") { console.log(td.className, td.style.fontSize); td = parent; parent = parent.parentNode } 

That didn't work.  Is there any way to do this?  Thanks a ton!

Answer 1

就CSS而言，它很容易，通常紧挨着Computed Styles。

示例：Chrome将do this for you。

右键单击所需元素，然后选择“检查元素”。

在右侧的样式标签中，目前会有某些属性，如果向下滚动，您会看到（如果适用）部分说Inherited from，然后是类，ID或元素组。