javascript - 获取元素的显示属性值

Question

使用下面的示例，我试图返回显示值或 trs[1]。

<table>
    <tr>
        <td></td>
    </tr>
    <tr>
        <td></td>
    </tr>
</table>
<script>
    const trs = document.getElementsByTagName("tr");
    trs[1].style.display = "hidden";
    console.log(trs[1].style.getPropertyValue('display'));
</script>

我希望结果对于 trs[1] 是“隐藏的”，对于 trs[0] 是 NULL 或“”。但是在控制台中，我没有为任何一个 trs[0/1] 取回任何属性值。

我不确定我是否使用了正确的方法来返回在 js 中动态设置的 css 属性值。

谢谢JR

Answer 1

该值未设置为“隐藏”不是有效值。尝试:

trs[1].style.display = "none";
console.log(trs[1].style.getPropertyValue('display'));