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

Question

我正在尝试访问我页面中某个元素的属性。我的最终目标是在发生 onClick 事件时将 float 属性从左切换到右，反之亦然。但是，我什至无法访问元素。

我正在尝试访问 width 属性只是为了测试并确保我的逻辑和代码正常工作。使用以下代码，我得到了 myElement2 的“空”返回，并且我还尝试了我的调试器说不存在的 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 具有误导性。