ただし、DOM.style は にのみアクセスできるため、スタイルが < で記述されている場合、スタイルはタグに組み込まれます。 ;/style>、または .css ファイル内で、スタイルを読み取ることができます。 <br><br>実際には、このスタイル情報を読み取る方法は他にも 2 つあります。1 つは document.styleSheets オブジェクトを使用する方法、もう 1 つは「final style」オブジェクトを使用する方法です。このうち、このオブジェクトはIEではcurrentStyle、FFではdocument.defaultViewと呼ばれます。これら 2 つのクラスをパッケージ化し、次のようにスタイル情報にアクセスする関数を作成しました。 <br></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="49299" class="copybut" id="copybut49299" onclick="doCopy('code49299')"><u>コードをコピー</u></a></span> コードは次のとおりです: </div> <div class="codebody" id="code49299"> <br>//============================スタイルシート関数にアクセス====== ==== ========================== <br>function returnStyle(obj,styleName){ <br>var myObj = typeof obj = = "string" ? document.getElementById(obj) : obj; <br>if(document.all){ <br>return eval("myObj.currentStyle." styleName); else { <br>return eval ("document. defaultView.getComputedStyle(myObj,null)." styleName); <br>} <br>} <br><br> </div>関数には 2 つのパラメータがあります: <br><br>obj: アクセスされたオブジェクト、タイプは DOMオブジェクト、またはオブジェクトの ID; <br><br>styleName: アクセスする必要があるスタイルの名前。型は文字列ですが、名前にはスタイル オブジェクトの属性名と同様に「-」記号を使用する必要があります。たとえば、background-color は、backgroundColor として記述する必要があります。 <br><br>関数の戻り値は文字列型です。 <br><br>注: このメソッドはスタイル ファイルにアクセスすることのみができ、書き込みはできません。スタイルを記述したい場合は、引き続き DOM.style.XXX メソッドを使用する必要があります。さらに、FF ではパディングやマージンなどのスタイル アクセスの問題がいくつかあります。パディング、マージン、その他の値がスタイルに設定されている場合は、marginLeft を使用して値を返すことができます。 <br><br><div class="codetitle"><span><a style="CURSOR: pointer" data="41013" class="copybut" id="copybut41013" onclick="doCopy('code41013')">コードをコピー<u></u></a> コードは次のとおりです:</span></div> <div class="codebody" id="code41013"><!DOCTYPE html PUBLIC "-/ /W3C/ /DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> .org/1999/xhtml"> ;head> <br> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br> <style type="text/css"> 🎜>#demo{background-color:#000;padding:10px;color:#fff;width:200px;} <br> 🎜>//============================スタイルシートにアクセス=== ============ ===================== <br>function returnStyle(obj,styleName){ <br>var myObj = typeof obj == "string" ? obj) : obj; <br>if(document.all){ <br>return eval("myObj.currentStyle." styleName); <br>} else { <br>return eval("document.defaultView.getComputedStyle(myObj) ,null)." styleName); <br>} <br>} <br> テスト内容は次のとおりです クリック テスト
