imgのcssプロパティの幅と高さを無効にする（「自動」は使用できません）

Question

Webサイト用のプラグイン（例：WP）をビルドし、プラグインのimg要素のCSSプロパティの幅と高さを無効にする必要があります。ウェブサイトのCSS（テーマCSS）の影響を避ける。

「auto」は動作が少し異なるため使用できません。ブラウザはこの場合html属性のwidthとheightを無視しますが、画像がロードされている間は正しいサイズでレンダリングされた要素が必要です。

html属性の値に基づいてJavaScriptプロパティを使用してcssプロパティの幅と高さを明示的に設定すると、読み込み中に無視されます（理由はわかりません）。

この場合、次のコードスニペット：

var img = document.getElementsByTagName('img')[0]; 
img.style.width = '100px'; 
img.style.height = '100px'; 
console.log(img.style.width); 
console.log(img.offsetWidth); 

はFFとIEで次のように出力します

100px 
0 

任意のアイデア？

おかげで、 ヘルムート

Answer 1

さて、あなたは幅と高さ100pxにしてこのイメージの親のdivを作成し、イメージの幅と高さを100％に設定できます。
これは動作するはずです。