亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

為什么 element.style.backgroundColor 屬性給出一個空字符串作為結果?

為什么 element.style.backgroundColor 屬性給出一個空字符串作為結果?

炎炎設計 2023-09-28 09:30:42
console.log(document.querySelector(".green").style.backgroundColor);// gives an empty string as a result in console.green {  width: 200px;  height: 200px;  background-color: green;}<!DOCTYPE html><html><head>    <title>test</title>    <meta charset="UTF-8">    <link rel="stylesheet" href="src/styles.css"></head><body>    <div class="green"></div>    <script src="src/index.js">    </script></body></html>我知道我也可以使用window.getComputedStyle(document.querySelector(".green")).backgroundColor;這個答案中提到了但我想知道這背后的原因,即為什么它給出一個空字符串。
查看完整描述

3 回答

?
ITMISS

TA貢獻1871條經驗 獲得超8個贊

.style僅包含內聯樣式(通過該屬性或具有相同名稱的 HTML 屬性設置)。它根本不受樣式表的影響。getComputedStyle為您提供該財產的當前有效價值,無論它來自哪里。



查看完整回答
反對 回復 2023-09-28
?
紅糖糍粑

TA貢獻1815條經驗 獲得超6個贊

您想要計算的元素樣式:

 console.log(getComputedStyle(document.querySelector(".green"), null).getPropertyValue("background-color"));


查看完整回答
反對 回復 2023-09-28
?
浮云間

TA貢獻1829條經驗 獲得超4個贊

正如該屬性的 MDN 頁面element.style中所述:

style屬性用于獲取和設置元素的內聯樣式。

您的元素沒有style設置背景顏色的屬性 - 因此<yourelement>.style.backgroundColor返回空字符串。這就是getCompatedStyle存在的原因——允許您詢問元素上實際的最終/應用的樣式,而不僅僅是那些可能作為屬性內聯在元素上的樣式style。


查看完整回答
反對 回復 2023-09-28
  • 3 回答
  • 0 關注
  • 164 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號