ホームページ > ウェブフロントエンド > jsチュートリアル > CSS値を数値に変換する場合は、parseInt_javascript手法を放棄してください。

CSS値を数値に変換する場合は、parseInt_javascript手法を放棄してください。

WBOY
リリース: 2016-05-16 18:00:29
オリジナル
1027 人が閲覧しました

例:

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


<script> <br>var elem = document.getElementById('demo'), <br>width = elem.style.width; <br>alert( parseInt(width));// 24 <br></script>

しかし、CSS 値が次のような場合はどうなるでしょう:
コードをコピー コードは次のとおりです:

< /div>
<script> <br>var elem = document.getElementById('demo'), <br>opacity = elem.style.opacity;// 0 <br></script>

parseInt() が '.5' のような値であっても、parseFloat() に変更するとエラーになるのは明らかです。正しい結果が得られます。

コードをコピー コードは次のとおりです。
< div id="demo" style="opacity:0.5">

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