要素の表示プロパティ値を取得

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]の場合は "hidden"、trs [0]の場合はNULLか ""と予想します。しかし、コンソールでは、私はどちらのtrs [0/1]のためのプロパティ値を取得していません。

jsで動的に設定されたcssプロパティ値を返す正しいメソッドを使用しているかどうかはわかりません。 JR

Answer 1

値が「非表示」に設定されていない

おかげで、有効な値ではありません。試してみてください：

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