I am currently attempting to access the property of an element within my webpage. My main objective is to toggle a float property between left and right when a specific onClick event occurs. However, despite my efforts, I am facing challenges in even accessing the desired element.
For testing purposes, I am trying to access the width property in order to verify the effectiveness of my logic and code. Upon execution of the following code snippet, I receive a 'null' response for myElement2. Additionally, I have experimented with using the myElement.style.getCSSPropertyValue function which, according to my debugger, seems to be nonexistent.
I have opted to utilize the Firefox debugger to potentially resolve this issue.
var myElement = document.getElementById('leftPic');
var myElement2 = myElement.style.getPropertyValue('width');
console.log(myElement);
console.log(myElement2);
console.log('Test');