JavaScript は幅を例として画像の元のサイズを取得します_JavaScript のヒント

WBOY
リリース: 2016-05-16 16:50:15
オリジナル
1136 人が閲覧しました

ページ内の img 要素の元のサイズを取得したい場合、幅を例に挙げると、最初に次のように幅が考えられます

コードをコピー コードは次のとおりです:

🎜><script> <br>var img = document.getElementsByTagName('img')[0] <br>var width = getWH(img, 'width') // 690 <br></script>

ここで使用される getWH メソッドは前の記事で説明されています。このとき得られる幅は画像の元のサイズと同じになります。

imgにwidth属性を追加した場合、例えば画像の実際の幅が690で、幅が400に設定されている場合、この方法は機能しません。上記の方法で取得した場合。 , 400 が返されます

コードをコピー コードは次のとおりです:

& lt; スクリプト & gt; T.GetelementsBytagname ('IMG') [0]
var width = getWH(img, 'width') // 400



明らかに、400 はそうではありません。画像の元の幅。

それを取得する方法は、新しい img オブジェクトを直接作成し、古い img の src を新しい img に代入することで、新しい img の幅を取得できます。 >


人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート