

WordPressで作成しているサイトに、jQuery/JavaScriptでcssのleft、top、transform:scaleを操作するかたちで、画像を左右、拡大縮小できる機能をつくりました。  
さらに、上記の値を取得したいのですが、値は「element.style」に反映されており、取得がうまくいきません。  
この「element.style」の値を取得する方法を教えていただけますでしょうか？

[![エラー](https://i.stack.imgur.com/DJgUj.png)](https://i.stack.imgur.com/DJgUj.png)

[![コード](https://i.stack.imgur.com/Nps9K.png)](https://i.stack.imgur.com/Nps9K.png)

[![css](https://i.stack.imgur.com/V7WuO.png)](https://i.stack.imgur.com/V7WuO.png)

追記  
アドバイス頂いた通り、下記２パターン試してみましたが、両方エラーが出てしまいます。  
何が問題なのかご指摘いただけますと有り難いです。

[code]

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


CC BY-SA 4.0
2021-05-29T01:14:19.657
76166
2021-05-29T05:46:21.777
2021-05-29T05:46:21.777
45547
45547
question
javascript html jquery css
element.styleの値を取得できない


`img_css` は jQuery オブジェクトで、`getComputedStyle()` には Element を指定する必要があります。

[code]

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

jQueryを使うとこういうトラブルや覚えないといけないことが増えるので、個人的には初心者はjQueryを使うべきではないと思ってます。

この場合、`getComputedStyle()`を使わずに、Elementオブジェクトの`style`プロパティにアクセスすることも可能です。

[code]

    document.querySelector('#preview_card_image_inner img').style
    
[/code]


CC BY-SA 4.0
2021-05-29T02:05:42.507
76169
2021-05-29T02:41:30.930
2021-05-29T02:41:30.930
3475
3475
76166
answer