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

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

WBOY
WBOYオリジナル
2016-05-16 18:00:29953ブラウズ

例:

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


<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">