style (element)NN 6 IE 4 DOM 1

style 要素オブジェクトは HTML の style 要素に対応するオブジェクトです。このオブジェクトは、ドキュメント内の各要素のプロパティとしてアクセスされる style オブジェクトとは異なります。style オブジェクトはドキュメントで style 要素により生成されるもので、固有の ID が割り当てられます。一方の style (プロパティ) オブジェクトには、特定の要素に設定されたすべてのスタイルプロパティとその現在の値が格納されています。

 
相当する HTML コード
 
<style>
 
オブジェクト参照
 
[window.]document.getElementById("elementID")
 
オブジェクト固有のプロパティ
 
disabledmediasheetstyleSheettype
 
オブジェクト固有のメソッド

なし

 
オブジェクト固有のイベントハンドラープロパティ
 
ハンドラーNNIEDOM
onerrorなし4なし
onloadなし4なし
disabledNN 6 IE 4 DOM 1

読み書き

スタイルシートの規則を選択された要素に適用するかどうかを示します。これに相当する disabled 属性は Internet Explorer 4 では正しく機能しませんが、disabled プロパティを true に設定すると、スタイルシート全体が使用不可になります。ページのオーサリング中にスタイルシートの有効/無効を切り替えるボタンを作成することにより、各種ブラウザでの外観を確認できます。

 
 
document.getElementById("mainStyle").disabled = true;
 

true または false のブール値

 
既定値

false

mediaNN 6 IE 4 DOM 1

読み書き

style 要素の規則に使用する出力デバイスを示します。media プロパティは、将来ポケットコンピュータ、スピーチデジタイザー、ファジーテレビなどの特定のデバイスに合わせたブラウザデコンテンツを作成するために使用される予定です。

 
 
document.getElementById("myStyle").media = "print";
 

allprintscreen のいずれかの定数を示す文字列

 
既定値

all

sheetNN 6 IE なし DOM なし

読み取り専用

style 要素で定義されているスタイルシートを表す styleSheet オブジェクト (W3C DOM の CSSStyleSheet タイプ) を返します。 styleSheet オブジェクトを参照するためにこのプロパティを使用できますが、標準的な方法でありません。代わりに document.styleSheets コレクションの使用をお勧めします。

 
 
var oneSheet = document.getElementById("myStyle").sheet;
 

styleSheet オブジェクト (W3C DOM の CSSStyleSheet タイプ) への参照

 
既定値

なし

styleSheetNN なし IE 6(Win) DOM なし

読み取り専用

style 要素で定義されているスタイルシートを表す styleSheet オブジェクトを返します。 このプロパティは存在していますが、正式にはサポートされていないようです。代わりに document.styleSheets コレクションの使用をお勧めします。

 
 
var oneSheet = document.getElementById("myStyle").styleSheet;
 

styleSheet オブジェクトへの参照

 
既定値

なし

typeNN 6 IE 4 DOM 1

読み書き

style 要素の type 属性で指定されたスタイルシートの MIME タイプです。

 
 
if (document.getElementById("myStyle").type == "text/css") {
    // unlikely to be anything else
}
 

MIME タイプの文字列

 
既定値

text/css

disabledNN 6 IE 4 DOM 1

読み書き

ユーザーが要素を操作できるかどうかを示します。true に設定すると、要素はフォーカスを得ることができず、ユーザーは要素を変更できなくなります。通常、要素はページ上でグレー表示になります。このプロパティは、Windows 版 IE 5.5 以降のすべての HTML 要素オブジェクトで使用できます。IE 4 と IE 5 では、フォームコントロールにのみ適用されます。Netscape 6 以降では、フォームコントロールと style 要素オブジェクトで認識されます。使用できなくなったフォームコントロールの「名前/値」のペアは、フォームから送信されません。

 
 
document.getElementById("myButton").disabled = true;
 

true または false のブール値

 
既定値

false