-
HTMLDOMDetailsオブジェクト
HTML DOM Detailsオブジェクトは、HTMLの要素に関連付けられています。これにより、ユーザーが見たい場合にのみ表示できる情報を非表示にすることができます。 プロパティ 以下は、Detailsオブジェクトのプロパティです- Sr.No プロパティと説明 1 開く 詳細をユーザーに表示するかどうかを設定または返す。 構文 以下は、-の構文です。 詳細オブジェクトの作成- var p = document.createElement("DETAILS"); 例 HTMLDOMDetailsオブジェクトの例を見てみましょう-
-
HTMLDOMの詳細オープンプロパティ
HTML DOM Details openプロパティは、HTMLopenプロパティに関連付けられています。これはブール属性であり、詳細をユーザーに表示するかどうかを指定するために使用されます。 trueに設定すると、詳細がユーザーに表示されます。ただし、falseに設定すると、ユーザーから詳細を非表示にすることを意味します。 構文 以下は、-の構文です。 詳細オープンプロパティの設定- detailsObject.open = true|false ここでは、true =詳細が表示され、false=詳細は非表示になります。詳細はデフォルトで非表示になっています。 例 詳細オープンプロパ
-
HTMLDOMDFNオブジェクト
HTML DOM DFNオブジェクトは、HTML要素に関連付けられています。 要素内のテキストは、周囲のコンテキストで定義されているテキストです。 DFNオブジェクトは要素を表します。 構文 以下は、-の構文です。 DFNオブジェクトの作成- var p = document.createElement("DFN"); 例 HTMLDOMDFNオブジェクトの例を見てみましょう- <!DOCTYPE html> <html> <body> <h2>DFN object example</h2> <p>
-
HTMLDOMスタイルの背景プロパティ
backgroundプロパティは、要素に関連付けられた背景画像を設定または取得するために使用されます。これは省略形のプロパティであり、最大8つのプロパティを操作できます。 構文 以下は、-の構文です。 背景プロパティの設定- object.style.background = "color image repeat attachment position size origin clip|initial|inherit" 値 以下は値です- Sr.No 値と説明 1 色 要素の背景色を設定します。 2 画像 要素の背景画
-
HTMLDOMスタイルbackgroundAttachmentプロパティ
backgroundAttachmentプロパティは、背景画像がページコンテンツに対してスクロールするかどうかを設定または取得するために使用されます。 構文 以下は、-の構文です。 backgroundAttachmentプロパティの設定- object.style.backgroundAttachment = "scroll|fixed|local|initial|inherit" 値 以下は値です- Sr.No 値と説明 1 スクロール これはデフォルト値であり、画像とともに背景をスクロールさせます。 2 修正済み これにより
-
HTMLDOMスタイルのbackgroundClipプロパティ
backgroundClipプロパティを使用すると、背景画像をペイントする距離、つまり背景画像のペイント領域を制御できます。そのペイントエリアを設定または戻すために使用されます。 構文 以下は、-の構文です。 backgroundClipプロパティの設定- background-clip: border-box | padding-box | content-box 値 以下は値です- Sr.No 値と説明 1 ボーダーボックス これにより、ボーダーボックス内の背景がクリップされます。これがデフォルト値です。 2 パディングボックス これにより、パデ
-
HTMLDOMスタイルbackgroundColorプロパティ
backgroundColorプロパティは、要素の背景色を設定または返すために使用されます。標準名、rgb()、rgba()、hsl()、またはhsla()で値を指定できます。 構文 以下は、-の構文です。 backgroundColorプロパティの設定- object.style.backgroundColor = "color|transparent 値 上記のプロパティ値は次のように説明されます- Sr.No 値と説明 1 色 背景色を指定します。 2 透明 背景色を透明に設定します。つまり、基になるコンテンツが表示されます。これはデ
-
HTMLDOMスタイルbackgroundImageプロパティ
backgroundImageプロパティは、要素の背景画像を設定または返すために使用されます。 構文 以下は、-の構文です。 backgroundImageプロパティの設定: object.style.backgroundImage = "url('URL')|none|initial|inherit" 値 上記のプロパティ値は次のように説明されます- Sr.No 値と説明 1 url(URL) 画像ファイルの場所を指定します。 2 なし 使用する背景画像を指定しない場合のデフォルト値です。 3 初
-
HTMLDOMスタイルbackgroundOriginプロパティ
background-originプロパティは、背景の原点、つまり相対位置を設定または取得するために使用されます。これは、4つのボックスモデル領域のいずれかに関連している可能性があります。 構文 以下は、-の構文です。 backgroundOriginプロパティの設定- object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit" 値 上記のプロパティ値は次のように説明されます- Sr.No 値と説明 1 パディングボックス パディングボ
-
HTMLDOMスタイルbackgroundPositionプロパティ
backgroundPositionプロパティは、原点を基準にした要素の背景画像の初期位置を設定または取得するために使用されます。 構文 以下は、-の構文です。 backgroundPositionプロパティの設定- object.style.backgroundPosition = value 値 以下は値です- 値 説明 左上 トップセンター 右上 中道左派 センターセンター 中央右 左下 中央下 右下 位置は名前で理解できます。 1つの値のみを書き込む場合、もう1つは常に中央になります。 xpos ypos 水平(x)および垂直位置
-
HTMLDOMスタイルbackgroundRepeatプロパティ
style backgroundRepeatプロパティは、背景画像の繰り返し方法を設定または取得するために使用されます。 構文 以下は、-の構文です。 backgroundRepeatプロパティの設定- object.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit" 値 上記のプロパティ値は次のとおりです- Sr.No 値と説明 1 繰り返し これがデフォルト値です。背景画像を縦横両方に繰り返します。 2 repeat-x
-
HTMLDOMスタイルbackgroundSizeプロパティ
HTML DOMスタイルのbackground-sizeプロパティは、背景画像のサイズを設定または取得するために使用されます。 構文 以下は、-の構文です。 backgroundSizeプロパティの設定- object.style.backgroundSize = "auto|length|cover|contain|intial|inherit" プロパティ 上記の特性は次のように説明されます- Sr.No プロパティと説明 1 自動 背景画像はフルサイズで表示され、デフォルト値です。 2 長さ 背景画像の幅と高さを設定します。
-
HTMLDOMスタイルの境界線プロパティ
HTML DOMスタイルの境界線プロパティは、要素の境界線プロパティを取得または設定するために使用されます。これは、border-width、border-style、border-colorの省略形のプロパティです。 構文 以下は、-の構文です。 ボーダープロパティの設定- object.style.border = "width style color|initial|inherit" パラメータ 上記のプロパティは次のように説明されています- Sr.No パラメータと説明 1 幅 枠幅設定用 2 スタイル 枠幅設定用
-
HTMLDOMフォームのターゲットプロパティ
HTML DOMフォームターゲットプロパティは、フォームデータが送信された後に応答を表示する場所を指定するために使用されます。新しいタブ、現在のタブ、または新しいウィンドウに表示できます。フォームのターゲットプロパティは、ターゲット属性値を設定または取得します。 構文 以下は、-の構文です。 ターゲットプロパティの設定- formObject.target = "_blank|_self|_parent|_top|framename" ここで、_blankは新しいウィンドウで応答を開き、_selfは同じウィンドウで応答を開きます。親は親フレームで開き、_topはウィン
-
HTMLDOMフォームコレクション
HTML DOMフォームコレクションは、HTMLドキュメント内に存在するすべてのフォーム要素をコレクションとして返すために使用されます。コレクションに存在する要素は並べ替えられ、HTMLドキュメントに表示されるのと同じ順序で表示されます。 プロパティ フォームコレクションのプロパティは次のとおりです- プロパティ 説明 長さ これは、コレクション内の要素の数を返す読み取り専用のプロパティです。 メソッド フォーム収集の方法は次のとおりです- メソッド 説明 [index] 指定されたインデックスのコレクションから要素を返します。インデックス作成は0から始ま
-
HTMLDOMfullscreenElementプロパティ
HTML DOM fullscreenElementプロパティは、現在フルスクリーンモードで表示されている要素を返すために使用されます。指定された要素がフルスクリーンでない場合はnullを返します。 構文 以下は、fullscreenElementプロパティの構文です- document.fullscreenElement fullscreenElementプロパティの例を見てみましょう- 注 −この例には、Chrome、Safari、Operaの標準の構文とブラウザプレフィックスのみが含まれています。ブラウザのプレフィックスについては、最後のセクションを確認してください。 例 例を見
-
HTML DOM fullscreenEnabled()メソッド
HTML DOM fullscreenEnabled()メソッドは、現在のドキュメントでフルスクリーンモードを使用できるかどうかを指定するために使用されます。その戻り型はブール値であり、読み取り専用のプロパティです。フルスクリーンモードが使用可能な場合はTrueが返され、それ以外の場合はfalseが返されます。ブラウザで機能させるために、さまざまなプレフィックスが使用されています。 構文 以下はfullscreenEnabled()メソッドの構文です- document.fullscreenEnabled() fullscreenEnabled()メソッドの例を見てみましょう- 注 −
-
HTMLDOMジオロケーション座標プロパティ
HTML DOMジオロケーション座標プロパティは、地球上のユーザーのデバイスの位置と高度を取得するために使用されます。ユーザーは、このプロパティが機能する前に、座標を指定することを承認する必要があります。これは、ユーザーのプライバシーが侵害されないようにするために行われます。これは、さまざまなデバイスの場所を追跡するために使用できます。 プロパティ 以下は座標プロパティです- 注 −これらのプロパティはすべて読み取り専用であり、戻りタイプはdoubleです。 Sr.No プロパティと説明 1 coordinates.latitude デバイスの位置の緯度を小数
-
HTMLDOMスタイルanimationIterationCountプロパティ
AnimationIterationCountプロパティは、アニメーションの再生回数を設定または取得するために使用されます。 構文 以下は、-の構文です。 AnimationIterationCountプロパティの設定- object.style.animationIterationCount = "number|infinite|initial|inherit" 値 以下は値です- Sr.No 値と説明 1 数値 アニメーションを再生する回数を示す数値。デフォルトでは1に設定されています。 2 無限 これにより、アニメーションが
-
HTMLDOMスタイルanimationNameプロパティ
AnimationNameプロパティは、@keyframesの参照用のアニメーション名を取得または設定するために使用されます。 構文 以下は、-の構文です。 AnimationNameプロパティの設定- object.style.animationName = "none|keyframename|initial|inherit" 値 以下は値です- Sr.No 値と説明 1 なし これは、アニメーションがないことを示すデフォルト値です。 2 キーフレーム名 セレクターをバインドするキーフレーム名を指定します。 3 初