javascript - 使用 Javascript 访问 DOM 中的元素属性值

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会产生误导。