インライン style_javascript スキルを取得するための js メソッド

この記事の例では、js でインライン スタイルを取得する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

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

<頭>

#ボックス{
幅:100px;
高さ:100px;
背景画像:url(1.jpg);
背景サイズ:140% 140%;
背景リピート:リピートなし;
border:20px ソリッド rgba(0,0,0,.3);
背景クリップ:ボーダーボックス;
背景位置:-20px -20px;
}

<スクリプト>
//インラインスタイル要素を取得します
function getStyle( obj , attr )
{
if (window.getComputedStyle) {
return getComputedStyle( obj , null )[attr];
}その他{
return obj.currentStyle[attr];
}
}
//オブジェクトを取得
関数 $(id){
return document.getElementById(id);
}
var box = $('box');

//印刷スタイル
alert(getStyle(box , '背景位置'));

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。