javascript - Javascriptオブジェクトのcss操作

Question

ただの基本的な質問

私はオブジェクトを持っていて、それからcssプロパティを取得しようとしています。だから私が欲しいのはこんな感じ

var width = e.style.width;

幅が文字列になることは90％確信していますが、それでもよくわかりません。オブジェクトを設定できます

e.style.width = 200;

したがって、int、float、またはw / eの値を配置しますが、cssスタイルを取得する方法がわかりません。

ありがとう

Answer 1

次のように使用する必要があります

e.style.width = '80.2%';
e.style.width = '80.2em';

次のリンクを参照してください。リンク 1 リンク 2

JavaScriptを使用して幅を取得しようとすると、次のコードとして使用できます

parseFloat(e.style.width);

Answer 2

使用するだけ

parseFloat(e.style.width);

これにより、値から「px」が削除され、実際の値がピクセル単位で表示されます。

Answer 3

オブジェクトの幅を取得するには、clientWidth または offsetWidth を次のように使用できます (どちらも整数を返します)。

var width = e.clientWidth;

また

var width = e.offsetWidth;

オブジェクトの幅を設定するには、次のコードを使用できます。

e.style.width = "200px";