CSS 属性値を取得するための JS メソッド: 1. 要素オブジェクトの style 属性を通じて取得します。構文は "要素オブジェクト.スタイル.プロパティ名" です。 2. getComputerStyle 属性を通じて取得します。構文は " getComputerStyle.プロパティ名」。 #このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。 obj.style:このメソッドは、style 属性に記述された値のみを取得できますが、<code></code><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><style type=”text/css”> .ss{color:#cdcdcd;} JS获取CSS属性值 alert(document.getElementById(“css88″).style.width);//200px alert(document.getElementById(“css88″).style.color);//空白 ログイン後にコピーobj.currentStyle と getComputerStyleobj.currentStyle 内のプロパティは IE でのみサポートされますが、getComputerStyle は FireFox でサポートされます。このメソッドは2 つのパラメータ: 要素の計算されたスタイルと疑似要素文字列 (「;after」など) を取得します。疑似要素情報が必要ない場合は、2 番目のパラメータを null にすることができます。このメソッドは、現在の要素に対して計算されたすべてのスタイルを含む CSSStyleDeclaration オブジェクトを返します。 计算元素样式 #myDiv { width:100px; height:200px; } var myDiv = document.getElementById("myDiv"); var computedStyle = document.defaultView.getComputedStyle(myDiv, null); alert(computedStyle.backgroundColor); //"red" alert(computedStyle.width); //"100px" alert(computedStyle.height); //"200px" alert(computedStyle.border); //在某些浏览器中是“1px solid black” ログイン後にコピーしたがって、ブラウザと互換性があると推定されています。要素の CSS 属性値を取得する関数をカプセル化できます: function getStyle(element, attr) { if(element.currentStyle) { return element.currentStyle[attr]; } else { return getComputedStyle(element, false)[attr]; } }ログイン後にコピー[関連する推奨事項: JavaScript 学習チュートリアル# ＃＃＃＃ ]＃＃＃＃＃
