-
HTMLDOMスタイルanimationPlayStateプロパティ
AnimationPlayStateプロパティは、アニメーションの状態を実行中か一時停止中かを設定または取得するために使用されます。これは、アニメーションを切り替えるのに役立ちます。 構文 以下はの構文です AnimationPlayStateプロパティの設定- object.style.animationPlayState = "running|paused|initial|inherit" 値 以下は値です- Sr.No 値と説明 1 実行中 アニメーションが現在実行中であり、デフォルト値であることを指定します。 2 一時停止
-
HTMLDOMスタイルanimationTimingFunctionプロパティ
AnimationTimingFunctionは、アニメーションがそのサイクル中に進行する方法を指定するために使用されます。これは、アニメーションの速度曲線を設定または返すことによって行われます。速度曲線は、アニメーションが1つの状態から別の状態に移動するのにかかる時間を指定することにより、遷移がどの程度スムーズになるかを定義します。 構文 以下は、-の構文です。 AnimationTimingFunctionプロパティの設定- object.style.animationTimingFunction = "linear|ease|ease-in|ease-out|cubic-b
-
HTMLDOMスタイルのbackfaceVisibilityプロパティ
backfaceVisibilityプロパティは、ユーザーが直面したときに要素の背面を表示するかどうかを指定するために使用されます。要素を回転させたときにその裏側を見たいかどうかを確認できるように、3D変換でのみ重要です。 構文 以下は、-の構文です。 backfaceVisibilityプロパティの設定- object.style.backfaceVisibility = "visible|hidden|initial|inherit" 値 以下は値です- Sr.No 値と説明 1 表示 これにより、裏面が表示され、デフォルト値になります。
-
HTMLDOMスタイルalignContentプロパティ
alignContentプロパティは、フレックスボックスまたはグリッド内のアイテムを整列するために使用されます。使用可能なスペースをすべて使用していない場合に、アイテムを垂直軸に揃えるために使用されます。 構文 以下は、-の構文です。 alignContentプロパティの設定- object.style.alignContent = "stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit" 値 以下は値です- 値 説明 ストレッチ これはデフォルト値であ
-
HTMLDOMスタイルalignItemsプロパティ
HTML DOMスタイルのalignItemsプロパティは、フレキシブルコンテナ内に存在するアイテムのデフォルトの配置について言及するために使用されます。 構文 以下は、-の構文です。 alignItemsプロパティの設定- object.style.alignContent = " stretch|center|flex-start|flex-end|baseline|initial|inherit" 値 以下の値を使用できます- 値 説明 ストレッチ これはデフォルト値であり、コンテナに合わせてアイテムを引き伸ばすために使用されます。 センター
-
HTMLDOMスタイルalignSelfプロパティ
HTML DOM alignSelfプロパティは、フレキシブルコンテナ内に存在する特定のアイテムの配置を指定するために使用されます。 alignSelfプロパティは、要素のグリッドまたはフレックス表示レイアウトで指定されたalign-items値をオーバーライドするために使用されます。 構文 以下は、-の構文です。 alignSelfプロパティの設定- object.style.alignSelf = "auto|stretch|center|flex-start|flex-end|baseline|initial|inherit" 値 以下は、alignSelfプロ
-
HTMLDOMスタイルのアニメーションプロパティ
CSSを使用すると、要素のプロパティの遷移をアニメーション化できます。アニメーションプロパティを使用して、目的のスタイルを定義します。アニメーションキーワードを使用して、animation-name、animation-duration、animation-iteration-countなどのプロパティを組み合わせることができます。 構文 アニメーションプロパティの構文は次のとおりです- object.style.animation = "name duration timingFunction delay iterationCount direction fillMode pla
-
HTMLDOMスタイルanimationDelayプロパティ
AnimationDelayプロパティは、アニメーションシーケンスの開始時刻を指定するために使用されます。時間間隔の後、または途中ですぐに開始するように設定できます。 構文 以下は、-の構文です。 AnimationDelayプロパティの設定- object.style.animationDelay = "time|initial|inherit" 値 以下の値を使用できます- 値 説明 時間 アニメーションが開始するまで待機する時間を秒単位またはミリ秒単位で指定します。時間のデフォルト値は0です。 初期 このプロパティを初期値に設定します。
-
HTMLDOMスタイルanimationDirectionプロパティ
AnimationDirectionプロパティは、アニメーションの方向を指定するために使用されます。アニメーションの方向は、順方向、逆方向、または交互になります。 構文 以下は、-の構文です。 AnimationDirectionプロパティの設定- object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit" 値 以下は値です- 値 説明 通常 これは、アニメーションが正常に再生されることを示すデフォルト値です。 リバース
-
HTMLDOMスタイルanimationDurationプロパティ
AnimationDurationプロパティは、アニメーションがサイクルを完了するのにかかる時間の長さを指定するために使用されます。 構文 以下は、-の構文です。 AnimationDurationプロパティの設定- object.style.animationDuration = "time|initial|inherit" 値 以下は値です- 値 説明 時間 アニメーションが開始するまで待機する時間を秒またはミリ秒で指定します。時間のデフォルト値は0です。 初期 このプロパティを初期値に設定します。 継承 親プロパティ値を継承するには
-
HTMLDOMスタイルanimationFillModeプロパティ
AnimationFillModeプロパティは、実行時間外、つまり実行終了後、または遅延が指定されている場合にスタイルを適用する方法を指定するために使用されます。これは、アニメーションの開始前と終了後にcssアニメーションスタイルを要素に設定するのに役立ちます。 構文 以下は、-の構文です。 AnimationFillModeプロパティの設定- object.style.animationFillMode = "none|forwards|backwards|both|initial|inherit" 値 以下は値です- 値 説明 なし これにより、アニ
-
HTML DOMフォームreset()メソッド
HTML DOM Form reset()メソッドは、フォーム要素のすべての値をリセットし、フォーム要素のvalue属性を使用して指定されたデフォルト値を表示するために使用されます。フォームデータをクリアするためのリセットボタンとして機能し、いかなる種類のパラメータも取りません。 構文 以下は、form reset()メソッドの構文です- formObject.reset() 例 Form reset()メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> for
-
HTML DOMフォームのsubmit()メソッド
HTML DOMフォームのsubmit()メソッドは、アクション属性で指定されたアドレスにフォームデータを送信するために使用されます。フォームデータを送信するための送信ボタンとして機能し、いかなる種類のパラメータも取りません。 構文 以下は、Form submit()メソッドの構文です- formObject.submit() 例 Form submit()メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> form{
-
HTMLDOMSpanオブジェクト
HTML DOMスパンオブジェクトは、HTMLの要素に関連付けられています。 createElement()メソッドとgetElementById()メソッドをそれぞれ使用して、スパン要素を作成してアクセスできます。 構文 以下は、-の構文です。 スパンオブジェクトの作成- var a = document.createElement("SPAN"); 例 スパンオブジェクトの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Span object example</h1&g
-
HTMLDOMで指定されたプロパティ
HTML DOM指定プロパティは、属性が指定されているかどうかを確認するために使用されます。これは、属性が指定されている場合はtrueを返し、指定されていない場合はfalseを返すことによって行われます。また、特定の属性が作成されているが、要素にまだアタッチされていない場合もtrueを返します。 構文 以下は、指定されたプロパティの構文です- attribute.specified 例 指定されたプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <p>Click the button find ou
-
HTML DOM stopPropagation()イベントメソッド
HTML DOM stopPropagation()イベントメソッドは、指定された要素の伝播を停止するために使用されます。つまり、stopPropagtion()メソッドを使用して、親要素をクリックしても子に伝播せず、子要素をクリックしても親に伝播しません。イベントの伝播は、イベントバブリングとも呼ばれます。 構文 以下は、stopPropagation()イベントメソッドの構文です- event.stopPropagation() 例 stopPropagation()イベントメソッドの例を見てみましょう- <!DOCTYPE html> <html> <h
-
HTMLDOMストレージイベント
HTML DOMストレージイベントは、ウィンドウのストレージ領域に変更があったときにトリガーされます。ストレージイベントは、他のウィンドウがウィンドウのストレージ領域を変更した場合にのみトリガーされます。このイベントはバブルせず、キャンセルすることもできます。 構文 以下は、-の構文です。 window.addEventListener("storage", SCRIPT); 例 ストレージイベントの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Storage Event Exa
-
HTML DOMストレージgetItem()メソッド
HTML DOM Storage getItem()メソッドは、指定されたキー名を渡すことによってストレージオブジェクトを取得するために使用されます。キーの値が返され、その名前のキーがない場合はNULLが返されます。 構文 以下は、Storage getItem()メソッドの構文です- localStorage.getItem(keyname); または sessionStorage.getItem(keyname); ここで、keynameは文字列型であり、取得するアイテムの名前を表します。 例 HTML DOM StorageのgetItem()メソッドの例を見てみましょう- &
-
HTML DOM Storage key()メソッド
HTML DOM Storage key()メソッドは、ストレージオブジェクト内の特定のインデックスにあるキー名を返すために使用されます。インデックスはパラメータとしてkey()メソッドに渡されます。ストレージオブジェクトは、セッションオブジェクトまたはlocalStorageオブジェクトにすることができます。 構文 以下は、-の構文です。 localStorageを使用したStoragekey()メソッド- localStorage.key(index); sessionStorageを使用したStoragekey()メソッド- sessionStorage.key(index);
-
HTMLDOMストレージの長さプロパティ
HTML DOM Storage lengthプロパティは、ブラウザのストレージオブジェクト内に存在するアイテムの数を取得するために使用されます。ストレージオブジェクトは、localStorageオブジェクトまたはsessionStorageオブジェクトにすることができます。 構文 以下は、-の構文です。 localStorageオブジェクトを使用したストレージ長プロパティ- localStorage.length; sessionStorageオブジェクトを使用したストレージ長プロパティ sessionStorage.length; 例 Storagelengthプロパティの