使用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是一种误导。