-
HTMLDOMスタイルのオーバーフロープロパティ
DOMスタイルのオーバーフロープロパティは、HTMLドキュメント内の要素のオーバーフローCSSプロパティを返し、変更します。 構文 以下は構文です- オーバーフローを返す object.style.overflow オーバーフローの変更 object.style.overflow = “value” 値 ここで、値は-になります。 値 説明 スクロール コンテンツをクリップし、必要に応じてスクロールバーを追加します。 継承 このプロパティ値は親要素から継承されます。 初期 このプロパティ値をデフォルト値に設定します。 自動 コンテ
-
HTMLDOMスタイルoverflowXプロパティ
HDOMスタイルのoverflowXプロパティは、要素ボックス内のコンテンツがHTMLドキュメントで左右にオーバーフローした場合の処理を返し、変更します。 構文 以下は構文です- オーバーフローXを返す object.style.overflowX オーバーフローXの変更 object.style.overflowX = “value” 値 ここで、値は-になります。 値 説明 スクロール コンテンツをクリップし、必要に応じてスクロールバーを追加します。 継承 このプロパティ値は親要素から継承されます。 初期 このプロパティ値を
-
HTMLDOMスタイルoverflowYプロパティ
DOMスタイルのoverflowYプロパティが返され、要素ボックス内のコンテンツがHTMLドキュメントの上下にオーバーフローした場合の処理を変更します。 構文 以下は構文です- オーバーフローを返すY object.style.overflowY オーバーフローの変更Y object.style.overflowY = “value” 値 ここで、値は-になります。 値 説明 スクロール コンテンツをクリップし、必要に応じてスクロールバーを追加します。 継承 このプロパティ値は親要素から継承されます。 初期 このプロパティ値をデ
-
HTMLDOMスタイルのマージンプロパティ
DOMスタイルのmarginプロパティは、HTMLドキュメントの要素のマージンを返し、変更します。 構文 以下は構文です- マージンを返す object.style.margin マージンの変更 object.style.margin = “value” 例 スタイルマージンプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> body { color: #000;  
-
HTMLDOMPageTransitionイベント
DOM PageTransitionEventは、ユーザーがWebページ間を移動するときに発生するイベントです。 PageTransitionEventオブジェクトのプロパティ プロパティ 説明 持続 ウェブページがキャッシュされているかどうかに応じて、trueまたはfalseの値を返します。 イベントのタイプはPageTransitionEventオブジェクトに属します イベント 説明 pageHide これは、ユーザーがWebページから移動したときに発生します。 pageShow ユーザーがWebページに移動した
-
HTMLDOMスタイルmarginBottomプロパティ
DOMスタイルのmarginBottomプロパティは、HTMLドキュメントの要素の下マージンを返し、変更します。 構文 以下は構文です- marginBottomを返す object.style.marginBottom marginBottomの変更 object.style.marginBottom = “value” 例 スタイルmarginBottomプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> bod
-
HTMLDOMスタイルmarginTopプロパティ
DOMスタイルのmarginTopプロパティは、HTMLドキュメントの要素の上部マージンを返し、変更します。 構文 以下は構文です- marginTopを返す object.style.marginTop marginTopの変更 object.style.marginTop = “value” 例 スタイルmarginTopプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> body {
-
HTMLDOMスタイルmarginLeftプロパティ
HTML DOMスタイルのmarginLeftプロパティは、HTMLドキュメントの要素の左マージンを返し、変更します。 構文 以下は構文です- marginLeftを返す object.style.marginLeft marginLeftの変更 object.style.marginLeft = “value” 例 スタイルmarginLeftプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> body { &nb
-
HTMLDOMスタイルmarginRightプロパティ
HTML DOMスタイルのmarginRightプロパティは、HTMLドキュメント内の要素の右マージンを返し、変更します。 構文 以下は構文です- marginRightを返す object.style.marginRight marginRightの変更 object.style.marginRight = “value” 例 スタイルmarginRightプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> bod
-
HTMLDOMスタイルの不透明度プロパティ
DOMスタイルの不透明度プロパティは、HTMLドキュメント内の要素の不透明度CSSプロパティの値を返し、変更します。 構文 以下は構文です- 1.不透明度を返す object.style.opacity 不透明度の変更 object.style.opacity = “value” 例 スタイルの不透明度プロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> body { colo
-
HTMLDOMスタイルのパディングプロパティ
HTML DOMスタイルのパディングプロパティは、HTMLドキュメント内の要素のパディングを返し、変更します。 構文 以下は構文です- パディングを返す object.style.padding パディングの変更 object.style.padding = “value 例 HTMLDOMスタイルのパディングプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> body { color:
-
HTMLDOMスタイルのpaddingBottomプロパティ
HTML DOMスタイルのpaddingBottomプロパティは、HTMLドキュメントの要素の下部のパディングを返し、変更します。 構文 以下は構文です- paddingBottomを返す object.style.paddingBottom paddingBottomの変更 object.style.paddingBottom = “value” 例 スタイルpaddingBottomプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> &n
-
HTMLDOMスタイルのpaddingLeftプロパティ
DOMスタイルのpaddingLeftプロパティは、HTMLドキュメントの要素の左側のパディングを返し、変更します。 構文 以下は構文です- paddingLeftを返す object.style.paddingLeft paddingLeftの変更 object.style.paddingLeft = “value” 例 スタイルpaddingLeftプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> body {
-
HTML DOM removeNamedItem()メソッド
HTML DOM removeNamedItem()メソッドは、HTMLドキュメント内の名前を使用して、パラメーターで指定されたノードを属性ノードから削除します。 構文 以下は構文です- node.removeNamedItem(node); 例 removeNamedItem()メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> html{ height:100%; } &nbs
-
HTMLDOMreadyStateプロパティ
DOM readyStateプロパティは、現在のHTMLドキュメントの読み込みステータスを返します。 構文 以下は構文です- document.readyState 例 readyStateプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> html{ height:100%; } body{ text-align:cente
-
HTML DOM open()メソッド
DOM open()メソッドは、パラメーターで指定されたノードを、HTMLドキュメントでの名前を使用して属性ノードに設定します。 構文 以下は構文です- document.open(type,replace); ここにタイプ ドキュメントの種類を表し、置換 新しいドキュメントの履歴エントリが、このドキュメントを開いたドキュメントから履歴エントリを継承するかどうかを表します。 例 open()メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> body{ &nb
-
HTML DOM removeEventListener()メソッド
DOM removeEventListener()メソッドは、HTMLドキュメントのHTML要素からイベントハンドラーを削除します。 構文 以下は構文です- document.open(event,function,useCapture); ここでは、イベント イベント名、関数を表します 削除する関数を指定し、 useCapture trueのいずれかを取ります またはfalse 値。 本当の場所 表現は、イベントハンドラーをキャプチャフェーズから削除し、 false 表現は、バブリングフェーズからイベントハンドラーを削除します。 例 removeEventListener()メ
-
HTMLDOMownerDocumentプロパティ
HTML DOMのownerDocumentプロパティは、ノードの所有者ドキュメントを表すDocumentオブジェクトを返します。 構文 以下は構文です- node.ownerDocument 例 ownerDocumentプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> html{ height:100%; } body{
-
HTML DOM replaceChild()メソッド
DOM replaceChild()メソッドは、HTMLドキュメント内の子ノードを新しいノードに置き換えます。 構文 以下は構文です- node.replaceChild(newNode,oldNode); 例 replaceChild()メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> html{ height:100%; } body{
-
HTMLDOMscrollHeightプロパティ
HTML DOMのscrollHeightプロパティは、HTMLドキュメントの要素の高さ全体(コンテンツ+パディング)をピクセル単位で返します。 構文 以下は構文です- element.scrollHeight 例 scrollHeightプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> html{ height:100%; } body{