使用JavaScript訪問DOM中的元素屬性值

Question

我正試圖訪問我的頁面中元素的屬性。如果發生onClick事件，我的最終目標是將float屬性從左向右切換，反之亦然。但是，即使訪問元素，我也沒有任何運氣。

我想訪問寬度屬性只是爲了測試，並確保我的邏輯和代碼的作品。使用下面的代碼，我得到myElement2的'null'返回值，並且我也嘗試了我的調試器所說的myElement.style.getCSSPropertyVlaue函數不存在。

我正在使用Firefox調試器來測試這是否有所作爲。

var myElement = document.getElementById('leftPic'); 
var myElement2 = myElement.style.getPropertyValue('width'); 

console.log(myElement); 
console.log(myElement2); 
console.log('Test'); 

Answer 1

您正在使用不正確的代碼通過JavaScript獲取CSS屬性的值。你想用...

var myElement = document.getElementById('leftPic'), 
var myElement2 = window.getComputedStyle(myElement).getPropertyValue('width'); 

而且，我會選擇一個更好的變量名，用於存儲寬度，爲myElement2是一種誤導。