使用Javascript访问DOM中的Element属性值

Question

我正在尝试访问页面中元素的属性。我的最终目标是在发生onClick事件时从左向右切换浮动属性，反之亦然。但是，即使访问元素，我也没有运气。

我试图访问width属性只是为了测试并确保我的逻辑和代码有效。使用以下代码，我得到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具有误导性。