コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > CSS値を数値に変換する場合は、parseInt_javascript手法を放棄してください。

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

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

例:

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


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

著者別の最新記事
最新の問題
JavaScript を使用して、入力値に基づいて入力フィールド (HTML) のテキストの色 (CSS) を調整します。
から 1970-01-01 08:00:00
0
0
0
JavaScript で文字列を整数に変換する方法は何ですか?どれが最も速いですか?
から 1970-01-01 08:00:00
0
0
0
jQueryはカレンダーのクリック日付ポップアップウィンドウを実装します
から 1970-01-01 08:00:00
0
0
0
フロントエンド - angularjs 使用時の文字列変換の問題
から 1970-01-01 08:00:00
0
0
0
javascript - 次のコードを解決します。 。どのように理解すればよいでしょうか？
から 1970-01-01 08:00:00
0
0
0
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート