javascript - 尝试使用 html 控制台获取元素的样式属性时出错

Question

我正在尝试获取 DOM 中元素的值。我想在样式属性中获取“Active”值:

<span ng-class="{'megatable-filter-box-txt-selected' : filter.value.length > 0}" class="ng-binding megatable-filter-box-txt-selected" style="">Active</span>

在控制台上我试图通过以下方式获取它:

    element = $("[sf-name='stateFilter']")        
    document.defaultView.getComputedStyle(element)

我得到一个错误:

Uncaught TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'. at <anonymous>:1:22

我做错了什么？获取值的方式是什么？

Answer 1

元素中的对象不是元素对象。如果站点包含 jQuery，则它是一个 jQuery 对象。

尝试使用:document.defaultView.getComputedStyle(元素[0])

您可以通过将其视为数组来访问 jQuery 对象中的 DOM 元素对象，使用索引提取 DOM 元素对象。

如果该代码有效，则意味着它是一个 jQuery 对象，至少有 1 个 DOM 元素与选择器匹配。