Unable to get value for element.style

Asked 2 years ago, Updated 2 years ago, 95 views

On the site created by WordPress, we have created a feature that allows you to zoom in and out of images by manipulating css left, top, transform:scale in jQuery/JavaScript.
In addition, I would like to get the above value, but the value is reflected in element.style and the acquisition is not successful.
Could you tell me how to get this "element.style" value?

error

code

css

Additional
As you advised me, I tried the following two patterns, but I got both errors.
I would appreciate it if you could point out what the problem is.

$(function(){
$("#ss").on("click", function(){
        // varimg_css = document.querySelector("#preveiw_card_image_innerimg").style;
        varimg_css=$("#preveiw_card_image_inner img");
        varcssvalue=getComputedStyle(img_css[0], "");
        // alert(img_css);
        alert(cssvalue);
    });
});

javascript html jquery css

2022-09-30 20:19

1 Answers

img_css is the jQuery object and getComputedStyle() must be an Element.

var cssvalue=getComputedStyle(img_css[0], "");

I personally don't think beginners should use jQuery because using jQuery increases the number of problems and things that need to be remembered.

In this case, you can also access the style property of the Element object without using getComputedStyle().

 document.querySelector('#preview_card_image_innerimg').style


2022-09-30 20:19

If you have any answers or tips


© 2024 OneMinuteCode. All rights reserved.