0

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

エラー

コード

css

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

$(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);
    });
});
3
  • 2
    コードは画像ではなくテキストで質問文に挿入してください。
    – int32_t
    Commented 2021年5月29日 2:02
  • すみません、今後そのようにいたします。ご指摘いただきありがとうございます。
    – Pei
    Commented 2021年5月29日 4:55
  • 「下記2パターン」ではどんなエラーが出ましたか?
    – int32_t
    Commented 2021年5月30日 12:53

1 件の回答 1

1

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

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

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

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

document.querySelector('#preview_card_image_inner img').style
0

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。