-
HTMLDOMOlオブジェクト
HTMLのHTMLDOMOlオブジェクトは、要素を表します。 要素の作成 var olObject = document.createElement(“OL”) ここで、「olObject」は次のプロパティを持つことができます- プロパティ 説明 反転 リストの順序を降順にするか昇順にするかを設定/返します(デフォルト) 開始 順序付きリストの開始属性の値を設定/返します タイプ 順序付きリストのtype属性の値を設定/返します オールスタートの例を見てみましょう プロパティ- 例 <!DOCTYPE
-
HTMLDOMOl反転プロパティ
HTML DOM Olの逆プロパティは、リストの順序を降順にするか昇順にするかを設定/返します(デフォルト)。 以下は構文です- ブール値を返す-true/false olObject.reversed 反転の設定 booleanValueへ olObject.reversed = booleanValue ここでは、「booleanValue」 次のようになります- booleanValue 詳細 true 順序が降順になることを定義します false デフォルトで順序が昇順になることを定義します Ol反転の例を見てみましょう
-
HTML DOMOlstartプロパティ
HTML DOM Ol startプロパティは、順序付きリストのstart属性の値を設定/返します。 以下は構文です- 数値を返す olObject.start 開始の設定 番号に olObject.start = number Ol startの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Ol start</title> <style> form { widt
-
HTMLDOMOlタイププロパティ
HTML DOM Ol typeプロパティは、順序付きリストで使用されるマーカーのタイプに対応するtype属性の値を設定/返します。 以下は構文です- タイププロパティを返す olObject.type 設定タイプ キャラクターに olObject.type = ‘1|a|A|i|I’ Olタイプの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Ol type</title> <style> &n
-
HTMLDOMtextContentプロパティ
HTML DOM textContentプロパティは、ノードとそのすべての子ノードのテキスト(空白を含む)に対応する文字列を返す/設定します。 以下は構文です- 文字列値を返す Node.textContent ここで、戻り値は次のようになります- ドキュメントノードの「Null」 指定されたノードとそのすべての子ノードのテキスト textContentを文字列値に設定します Node.textContent = string 注:HTML DOM textContent プロパティは、ノードと子ノードのテキストを単一のテキスト文字列として設定します。 HTML DOM
-
HTMLDOMNavオブジェクト
HTMLのHTMLDOMNavオブジェクトは、 を表します 要素。 HTML DOM Navの例を見てみましょう オブジェクト- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Nav</title> <style> * { padding: 2px; margin:5px; } form { &
-
HTMLDOMnextElementSiblingプロパティ
HTML DOM nextElementSiblingプロパティは、指定された要素ノードの直後にある要素ノードを返します。 注:このプロパティは、テキストノードとコメントノードを無視します。 以下は構文です- nextElementSiblingノードを返す nodeList.nextElementSibling HTML DOM nextElementSiblingの例を見てみましょう。 プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM nextElementSibling&
-
HTMLDOMnextSiblingプロパティ
HTML DOM nextSiblingプロパティは、指定された要素ノードの直後にある要素ノードを返します。 注:このプロパティは、テキストノードとコメントノードを無視しません。 以下は構文です- nextSiblingノードを返す nodeList.nextSibling HTML DOM nextSiblingの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM nextSibling</title> <style>
-
HTMLDOMnodeNameプロパティ
HTML DOM nodeNameプロパティは、ノードの名前に対応する文字列を返します。 以下は構文です- 文字列値を返す Node.nodeName ここで、戻り値は次のようになります- 要素ノードの大文字のタグ名 属性ノードの属性の名前 コメントノードの「#comment」 コメントノードの「#document」 テキストノードの「#text」 注:空白はテキストノードとしてのみ見なされます。 HTML DOM nodeNameの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <ti
-
HTMLDOMnodeTypeプロパティ
HTML DOM nodeTypeプロパティは、ノードのタイプに対応する番号を返します。 以下は構文です- 数値を返す Node.nodeType ここで、戻り値は次のようになります- 要素ノードの番号「1」 属性ノードの番号「2」 テキストノードの番号「3」 コメントノードの番号「8」 注:空白はテキストノードとしてのみ見なされます。 HTML DOM nodeTypeの例を見てみましょう。 プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM nodeType</t
-
HTMLDOMnodeValueプロパティ
HTML DOM nodeValueプロパティは、ノードの値に対応する文字列を返す/設定します。 以下は構文です- 文字列値を返す Node.nodeValue ここで、戻り値は次のようになります- ドキュメントノードと要素ノードの「null」としての値 属性ノードの属性の「値」としての値 テキストノードとコメントノードのコンテンツとしての価値 nodeValueを設定します 文字列値に Node.nodeValue = string 注:空白はテキストノードとしてのみ見なされます。 HTML DOM nodeValueの例を見てみましょう プロパティ- 例 <!DO
-
HTML DOM normalize()メソッド
HTML DOMのnormalize()メソッドは、空のテキストノードを削除し、指定されたノードから隣接するテキストノードを結合します。 以下は構文です- normalize()の呼び出し document.normalize() normalize()の例を見てみましょう メソッド- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM normalize()</title> <style> form { &nbs
-
HTMLDOMオブジェクトデータプロパティ
HTML DOM Object dataプロパティは、属性データの値に対応する文字列を返します。 以下は構文です- 文字列値を返す ObjectElement.data データプロパティを文字列値に設定します ObjectElement.data = URLString HTMLDOMオブジェクトデータの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Object data</title> <style> f
-
HTMLDOMオブジェクトフォームプロパティ
HTML DOM Object formプロパティは、要素の囲みフォームの参照を返します。 以下は構文です- フォームへの参照を返す オブジェクト ObjectElement.form オブジェクトフォームプロパティの例を見てみましょう − 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Object form</title> <style> form { width:70%; &nbs
-
HTMLDOMオブジェクトオブジェクト
HTMLのHTMLDOMオブジェクトオブジェクトは、 を表します 要素。 要素の作成 var objectElement = document.createElement(“OBJECT”) ここでは、「 objectElement 」は次のプロパティを持つことができます- プロパティ 説明 データ objectelementによって使用されているリソースのURLを設定/返します フォーム オブジェクト要素の囲み形式への参照を返します 高さ オブジェクト要素の高さを設定/返します 名前 オブジェクト要素の
-
HTML DOMMouseEventclientYプロパティ
HTML DOM MouseEvent clientYプロパティは、マウスイベントがトリガーされた場合、マウスポインターの垂直(y)座標を返します。 clientXとともに使用して、水平座標も取得します。 以下は構文です- clientYへの参照を返す オブジェクト MouseEventObject.clientY MouseEvent clientYの例を見てみましょう プロパティ: 例 <!DOCTYPE html> <html> <head> <title>MouseEvent clientY</title> <
-
HTML DOMMouseEventoffsetXプロパティ
HTML DO MouseEvent offsetXプロパティは、マウスイベントがトリガーされた場合に、ターゲット要素を基準にしたマウスポインターの水平(x)座標を返します。 offsetYとともに使用して、垂直座標も取得します。 以下は構文です- offsetXへの参照を返す オブジェクト MouseEventObject.offsetX MouseEvent offsetXの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>MouseEvent offsetX</t
-
HTML DOMMouseEventoffsetYプロパティ
HTML DOM MouseEvent offsetYプロパティは、マウスイベントがトリガーされた場合に、ターゲット要素を基準にしたマウスポインターの垂直(y)座標を返します。 offsetXとともに使用して、水平座標も取得します。 以下は構文です- offsetYへの参照を返す オブジェクト MouseEventObject.offsetY MouseEvent offsetYの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>MouseEvent offsetY</
-
HTML DOMMouseEventpageXプロパティ
HTML DOM MouseEvent pageXプロパティは、マウスイベントがトリガーされた場合に、ドキュメントを基準にしたマウスポインターの水平(x)座標を返します。 pageYとともに使用して、垂直座標も取得します。 以下は構文です- pageXへの参照を返す オブジェクト MouseEventObject.pageX MouseEvent pageXの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>MouseEvent pageX</title> <
-
HTML DOMMouseEventpageYプロパティ
HTML DOM MouseEvent pageYプロパティは、マウスイベントがトリガーされた場合に、ドキュメントを基準にしたマウスポインターの垂直(y)座標を返します。 pageXとともに使用して、水平座標も取得します。 以下は構文です- pageYへの参照を返す オブジェクト MouseEventObject.pageY MouseEvent pageYの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>MouseEvent pageY</title> <