這個問題在這里已經有了答案： 如何在 JavaScript 中獲取 HTML 元素的樣式值？ (5 個回答) 13 分鐘前關閉。
考慮以下 html。
<div id="test" style="display:none"></div>
<script> console.log(document.getElementById("test").style.display) </script>
這將導致none控制臺日志。但是，如果改為：
<style> #test{ display: none; } </style>
<div id="test"></div>
<script> console.log(document.getElementById("test").style.display) </script>
那么它無法確定顯示屬性。為什么會這樣？
uj5u.com熱心網友回復：
element.style僅當樣式設定為行內時，才能通過 javascript 訪問元素的樣式。
否則，如果樣式是在 css 檔案中設定的或帶有<style></style>標簽的，則必須使用該getComputedStyle()方法。
您可以在此處和此SO 問題中找到更多資訊！
uj5u.com熱心網友回復：
html和css中的含義是一樣的但是對于這種型別的問題你需要使用getComputedStyle()
例子：
const computedStyles = getComputedStyle(document.getElementById("test"))
console.log(computedStyles.display)轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/507810.html
標籤：javascript html css