まず、スタイル シートの属性について説明します 1. インライン スタイルは、最上位レベルの要素の style 属性に設定されます 2. ページのスタイル シート定義は、page<で定義されます。 ;/style>、次に高いレベルは <br>3 です。外部リンク スタイル シート ファイル <br>JavaScript は、ドキュメント要素の css 属性を取得および設定します: <br>1。 , <br>document.getElementById(id) .style.height; <br>はいの場合は属性値を返し、そうでない場合は空を返します <br>IE と Firefox の両方ですが、一部の属性値は異なる方法で返される場合があります。たとえば、色の場合、Firefox は rgb を返しますが、IE は 10 の 16 進数を返します<br>テスト コード: <br><script type="text/javascript"> <br>function getCss(){ <br>alert( document.getElementById("aaa").style.height ); <br>alert(document.getElementById("aaa").style.backgroundColor); <br>alert(document.getElementById("aaa").style.width ); <br>document.getElementById("aaa" ).style.backgroundColor = '#dbdbdb'; <br>//script> div id="aaa" class="bbb" style="height:20px;background-color:#FF0000;"> <br>asdfasdfas <br></div> <br><input type="button; " value="Click" onclick="getCss() ;" /> <br>2. スタイルが複数の場所で設定されている場合があり、それが外部スタイル シート属性で機能するかインライン スタイルで機能するかがわかりません。したがって、現在のページレンダリングのプロパティ値を取得する必要があります。これは IE と FF では若干異なります。 <br>サンプル コード スニペット: <br>IE: document.getElementById('aaa').currentStyle.height <br>FF 標準: document.defaultView.getComputedStyle(aaa,null)。 getPropertyValue('height') <br>これら 2 つのプロパティは読み取り専用であり、要素のスタイルを変更したい場合は、要素の style 属性に直接記述され、最上位のプロパティがそのプロパティになります。 <br>3. IE および FF 関数と互換性のある属性を記述して <br><br><br><br></p> <div class="codetitle"> コードをコピーします。コードは次のとおりです。 <span><a style="CURSOR: pointer" data="67397" class="copybut" id="copybut67397" onclick="doCopy('code67397')"><u>function getRealStyle(id, styleName) { </u>var element = document.getElementById(id); </a>var realStyle = null; 🎜>realStyle = element.currentStyle[styleName]; </span>else if (window .getComputedStyle) </div>realStyle = window.getComputedStyle(element,null)[styleName]; <div class="codebody" id="code67397">return realStyle; ><br><br>呼び出し: cur_height = parseInt(getRealStyle(CON_ID,' height')); <br><br>追伸: 通常、戻り値には単位があり、数値を抽出するには parseInt 関数を使用する必要があります。その後の操作を容易にするため<br> </div>
