-
HTMLDOMscrollWidthプロパティ
DOM scrollWidthプロパティは、HTMLドキュメントの要素の幅全体(コンテンツ+パディング)をピクセル単位で返します。 構文 以下は構文です- element.scrollWidth 例 scrollWidthプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> html{ height:100%; } body{
-
HTMLDOMscrollLeftプロパティ
DOM scrollLeftプロパティは、HTMLドキュメント内でピクセル単位で水平方向にスクロールされた要素のコンテンツの値を返し、変更します。 構文 以下は構文です- scrollLeftを返す element.scrollLeft scrollLeftを追加する element.scrollLeft = value ここで値 ピクセル単位です 例 scrollLeftプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> body{ &
-
HTMLDOMscrollTopプロパティ
HTML DOMのscrollTopプロパティは、HTMLドキュメント内でピクセル単位で垂直方向にスクロールされた要素のコンテンツの値を返し、変更します。 構文 以下は構文です- scrollTopを返す element.scrollTop scrollTopの追加 element.scrollTop = value ここで値 ピクセル単位です 例 scrollTopプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> body{ &nbs
-
HTMLDOMPopStateEventオブジェクト
HTML DOM popStateEventオブジェクトは、ウィンドウの履歴が変更されたときに発生するpopstateイベントのイベントハンドラーです。 PopStateEventのプロパティ プロパティ 説明 状態 履歴エントリのコピーを表すオブジェクトを返します。 例 HTMLDOMpopStateEventオブジェクトの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> html{ height:100%; &nb
-
HTMLDOMpreviousSiblingプロパティ
DOM previousSiblingプロパティは、HTMLドキュメント内の指定されたノードと同じツリーレベルの前のノードを返します。 構文 以下は構文です- node.previousSibling 例 previousSiblingプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> html{ height:100%; } body{
-
HTMLDOMpreviousElementSiblingプロパティ
HTML DOM previousElementSiblingプロパティは、HTMLドキュメント内の指定された要素と同じツリーレベルの前の要素を返します。 構文 以下は構文です- node.previousElementSibling 例 previousElementSiblingプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> html{ height:100%; } &n
-
HTML DOM removeChild()メソッド
DOM removeChild()メソッドは、HTMLドキュメント内の指定されたノードの指定された子ノードを返し、削除します。 構文 以下は構文です- node.removeChild(node); 例 removeChild()メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> html{ height:100%; } body{ &nbs
-
HTMLDOMプレオブジェクト
HTML DOM Preオブジェクトは、HTMLドキュメントのdocument.createElement(“PRE”); 例 プレオブジェクトの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> body{ text-align:center; background-color:#fff; color:#0197F6; &n
-
HTMLDOMスクリプトコレクション
HTML DOM Scriptコレクションは、HTMLドキュメントのすべての要素のコレクションを返します。 構文 以下は構文です- document.scripts スクリプトオブジェクトのプロパティ プロパティ 説明 長さ HTMLドキュメントのコレクション内の要素の数を返します。 スクリプトオブジェクトのメソッド メソッド 説明 [index] コレクションから指定されたインデックス要素を返します。 item(index) コレクションから指定されたインデックス要素を返します。 namedItem(id) コレクションから指定されたid要素を返します
-
HTML DOM removeAttribute()メソッド
HTML DOM removeAttribute()メソッドは、そのパラメーターで指定された属性をHTMLドキュメントの指定された要素から削除します。 構文 以下は構文です- node.removeAttribute(attributeName); 例 removeAttribute()メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> html{ height:100%; } &
-
HTML DOM removeAttributeNode()メソッド
HTML DOM removeAttributeNode()メソッドは、そのパラメーターで指定された属性をHTMLドキュメントの指定された要素から削除し、削除された属性をAttrノードオブジェクトとして返します。 構文 以下は構文です- node.removeAttributeNode(attributeNode); 例 removeAttributeNode()メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> html{ &nbs
-
HTML DOM setAttributeNode()メソッド
DOM setAttributeNode()メソッドは、パラメーターで指定された属性をHTMLドキュメントの指定された要素に設定し、その値をAttrノードオブジェクトとして返します。 構文 以下は構文です- node.setAttributeNode(attributeNode); 例 setAttributeNode()メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> html{ height:100%;  
-
HTML DOM setNamedItem()メソッド
DOM setNamedItem()メソッドは、パラメーターで指定されたノードを、HTMLドキュメントでの名前を使用して属性ノードに設定します。 構文 以下は構文です- node.setNamedItem(node); 例 setNamedItem()メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> html{ height:100%; } body{
-
HTMLDOMスクリプトオブジェクト
DOMスクリプトオブジェクトは、HTMLドキュメントの要素を表します。 スクリプトオブジェクトを作成する 構文 以下は構文です- document.createElement(“SCRIPT”); スクリプトオブジェクトのプロパティ プロパティ 説明 async スクリプトを非同期で実行するかどうかを返し、変更します。 文字セット HTMLドキュメントのスクリプト要素のcharset属性の値を返し、変更します。 延期 HTMLドキュメントのスクリプト要素のsrc属性の値を返し、変更します。 src ページの
-
HTMLDOMパラメータオブジェクト
HTML DOMパラメータオブジェクトは、HTMLドキュメントの要素を表します。 パラメータオブジェクトを作成する 構文 以下は構文です- document.createElement(“PARAM”); パラメータオブジェクトのプロパティ プロパティ 説明 name HTMLドキュメントのparam要素のname属性の値を返し、変更します。 値 HTMLドキュメントのparam要素のvalue属性の内容を返したり変更したりします。 例 paramオブジェクトの例を見てみましょう- <!DOCTYPE html&g
-
HTMLDOMオプションdefaultSelectedプロパティ
HTML DOMオプションdefaultSelectedプロパティは、HTMLドキュメントのオプション要素のデフォルト値を返します。 構文 以下は構文です- object.defualtSelected 例 defaultSelectedプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> html{ height:100%; } body{
-
HTMLDOMオプションラベルプロパティ
DOMオプションのlabelプロパティは、HTMLドキュメントのオプションのlabel属性の値を返し、変更します。 構文 以下は構文です- 返品ラベル object.label 2.ラベルの変更 object.label = “text” 例 オプションラベルプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> html{ height:100%; }
-
HTMLDOMオプション値プロパティ
HTML DOMオプション値プロパティは、サーバー経由で送信されるオプションの値を返し、変更します。 構文 以下は構文です- 戻り値 object.value ラベルの変更 object.value = “text” 例 HTMLDOMオプション値プロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> html{ height:100%; }  
-
HTML DOMProgressmaxプロパティ
HTML DOMのprogressmaxプロパティは、HTMLドキュメントのprogress要素のmax属性の値を返し、変更します。 構文 以下は構文です- 1.最大値を返す object.max 2.最大値の変更 object.max = “number” 例 progressmaxプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> html{ height:100%; &
-
HTML DOM querySelector()メソッド
HTML DOM querySelector()メソッドは、HTMLドキュメントのパラメーターで指定された特定のCSSセレクターに一致する最初の要素を返します。 構文 以下は構文です- document.querySelector(“CSS Selector”); 例 querySelector()メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> html{ height:100%;