-
HTML DOM cloneNode()メソッド
HTML DOM cloneNode()メソッドは、cloneNode()メソッドが呼び出される特定のノードのコピーを作成するために使用され、クローンを返します。 cloneNode()メソッドは、指定されたノードのすべての属性と値を複製します。 構文 以下はcloneNode()メソッドの構文です- yourNode.cloneNode([deep]) ここで、deepはオプションのパラメーターです。その値をtrueに設定することにより、指定されたノードとその子、およびそれらの属性と値を複製する必要があることを指定し、その値をfalseに設定することにより、指定されたノードとその属性と値
-
HTML DOM close()メソッド
HTML DOM close()メソッドは、出力ストリームを閉じるために使用されます。ウィンドウへの書き込みが終了したことを示すために行われます。パラメータを使用せず、閉じる前に以前のすべてのデータを表示します。 構文 以下は、HTML DOM close()メソッドの構文です- document.close() 例 close()メソッドの例を見てみましょう- <!DOCTYPE html> <html> <body> <p>Click the below button to open an output stream put some t
-
HTMLDOMコードオブジェクト
HTML DOM Codeオブジェクトは、HTML5タグに関連付けられています。これは、要素内でコードを囲むことによってコードをマークアップするために使用されます。 Codeオブジェクトは基本的に要素を表します。 構文 以下は、-の構文です。 コードオブジェクトの作成- var a = document.createElement("CODE"); 例 HTMLDOMコードオブジェクトの例を見てみましょう- <!DOCTYPE html> <html> <body> <p>Click the below button t
-
HTMLDOMボタンの値のプロパティ
HTML DOM Button valueプロパティは、要素のvalue属性に関連付けられています。ボタンの非表示値を指定します。 valueプロパティは、ボタンのvalue属性の値を設定または返します。ブラウザは通常、ボタンをクリックすると値のテキストを送信しますが、他のブラウザは要素の間にテキストを送信します。 構文 以下は、-の構文です。 値プロパティの設定- buttonObject.value = text ここで、textプロパティ値は、ボタンに指定される初期値です。 例 ボタン値プロパティの例を見てみましょう- <!DOCTYPE html> <html
-
HTMLDOMのキャンセル可能なイベントプロパティ
JavaScriptはこれらのイベントに反応できるため、HTMLDOMのキャンセル可能なイベントプロパティはHTMLイベントに関連付けられています。キャンセル可能なイベントプロパティは、イベントをキャンセルできるかどうかを示すブール値のtrueまたはfalseを返します。 構文 キャンセル可能なイベントプロパティの構文は次のとおりです- event.cancelable 例 キャンセル可能なイベントプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <p>Hover over the button b
-
HTMLDOMキャンバスオブジェクト
HTML DOM Canvasオブジェクトは、HTML5で導入された要素に関連付けられています。 タグは、JavaScriptを使用してグラフィックを描画するために使用されます。キャンバスはグラフィックのコンテナとして機能します。キャンバスには、線や形などを描くことができます。 プロパティ 以下はCanvasObjectのプロパティです- プロパティ 説明 fillStyle 図面の塗りつぶしに使用される色、グラデーション、またはパターンを設定または返すため。 strokeStyle ストロークに使用される色、グラデーション、またはパターンを設定または返すため。
-
HTMLDOMキャプションオブジェクト
HTML DOM Captionオブジェクトは、HTMLの要素に関連付けられています。 要素は、テーブルのキャプション(タイトル)を設定するために使用され、テーブルの最初の子である必要があります。キャプションオブジェクトを使用してキャプション要素にアクセスできます。 プロパティ 注 :以下のプロパティはHTML5ではサポートされていません。 以下は、HTMLDOMキャプションオブジェクトプロパティ-です。 プロパティ 説明 整列 キャプションの配置を設定または返すには。 構文 以下は、-の構文です。 キャプションオブジェクトの作成- var x = document.cre
-
HTMLDOMcharacterSetプロパティ
HTML DOMのcharacterSetプロパティは、要素のcharset属性に関連付けられている文字セットを表します。デフォルトでは、HTMLドキュメントの文字セットはUTF-8です。 characterSetプロパティは、HTMLドキュメントの文字エンコードを文字列形式で返します。ユーザーは、HTMLのcharsetプロパティまたはDOMのcharacterSetプロパティを使用して、WebページのデフォルトのcharacterSetをオーバーライドできます。 構文 以下は、characterSetプロパティの構文です- document.characterSet 例 HTMLDO
-
HTMLDOMchildElementCountプロパティ
HTML DOMのchildElementCountプロパティは、特定の要素の子要素の数を返す読み取り専用のプロパティです。 childElementCountの戻りタイプはunsignedlongです。照会されたノードの子要素のみが返され、HTMLドキュメントのすべての子ノードは返されません。 構文 以下は、childElementCountプロパティの構文です- node.childElementCount 例 HTMLDOMのchildElementCountプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head>
-
HTMLDOMchildNodesプロパティ
HTML DOMのchildNodesプロパティは、ノードの子ノードのコレクションをNodeListオブジェクトの形式で返します。ノードはソートされており、HTMLドキュメントに表示されるのと同じ順序になっています。これらのノードには、0から始まるインデックス番号でアクセスできます。これは読み取り専用のプロパティです。空白とコメントもノードと見なされることを忘れないでください。 構文 以下は、childNodesプロパティの構文です- elementNodeReference.childNodes; 例 HTMLDOMのchildNodesプロパティの例を見てみましょう- <!DOC
-
HTMLDOMの子プロパティ
HTML DOMのchildrenプロパティは、指定された要素のすべての子要素をHTMLコレクションの形式で返すために使用されます。これは読み取り専用のプロパティです。得られた要素には、0から始まるインデックス番号を使用してアクセスできます。 要素は、HTMLドキュメントと同じ順序で表示されます。子ノードのみが含まれ、空白やchildNodesプロパティのようなコメントは含まれません。 構文 以下は、childrenプロパティの構文です- element.children HTMLDOMの子プロパティの例を見てみましょう- <!DOCTYPE html> <html&g
-
HTMLDOM引用オブジェクト
HTML DOM citeオブジェクトは、HTML要素に関連付けられています。 要素は、引用された創造的な作品への参照を与えるために使用され、タイトルを含める必要があります。絵画、本、テレビ番組、映画などがあります。 構文 以下は、-の構文です。 引用オブジェクトの作成- var x = document.createElement("CITE"); 例 HTMLDOM引用オブジェクトの例を見てみましょう- <!DOCTYPE html> <html> <body> <p>Click the below button t
-
HTMLDOMclassListプロパティ
HTML DOM classListプロパティは、HTML要素に関連付けられたクラス名を返すために使用されます。クラス名をDOMTokenlistの形式で返します。 DOMTokenlistは、スペースで区切られたトークンのセットに他なりません。このプロパティは、要素のcssクラスを追加、削除、または切り替えるのに役立ちます。 classListプロパティは読み取り専用プロパティですが、add()メソッドとremove()メソッドを使用して要素のクラスを追加または削除できます。 プロパティ 以下はclassListのプロパティです- プロパティ 説明 長さ リスト内のクラスの数を
-
HTML DOMblur()メソッド
HTML DOMのblur()メソッドは、特定の要素からキーボードフォーカスを削除するために使用されます。ぼかしを使用して、任意のHTML要素にぼかしを追加または削除できます。ユーザー入力に基づいて要素に特に焦点を合わせることができるため、blur()メソッドはWebページ内のナビゲーションを改善するのに役立ちます。 構文 以下はblur()メソッドの構文です- Object.blur() 例 blur()メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> a{
-
HTMLDOMBodyオブジェクト
HTML DOM Bodyオブジェクトは、HTMLの要素に関連付けられています。 bodyタグ内に設定された属性とその値は、子ノードのいずれかによってオーバーライドされない限り、HTMLドキュメント全体に残ります。bodyオブジェクトを使用して、これらのプロパティとその値にアクセスして操作できます。 プロパティ 以下は、HTMLDOMBodyオブジェクトのプロパティです- 注 −以下のプロパティはHTML5ではサポートされていません。代わりにCSSを使用してください- プロパティ 説明 aLink ドキュメントのアクティブなリンクの色を設定または返すには。 背景
-
HTMLDOMBodyプロパティ
HTML要素に関連付けられたHTMLDOMbodyプロパティは、要素のプロパティ値を設定または返すために使用されます。 要素を返します。 要素内のコンテンツを変更するために使用できます。このプロパティは、要素内に存在する子要素のコンテンツを上書きできます。 構文 以下は、-の構文です。 bodyプロパティの設定- document.body = New_Content ここで、New_Contentは要素の新しいコンテンツです。 例 HTMLDOMBodyプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> &
-
HTMLDOMの太字オブジェクト
HTML DOMの太字オブジェクトは、html (太字)タグに関連付けられています。 タグは、タグ内のテキストを太字にするために使用されます。太字のオブジェクトを使用して、HTMLのタグにアクセスできます。 構文 以下は、-の構文です。 太字のオブジェクトを作成する- var x = document.createElement("B"); 例 HTMLDOMBoldオブジェクトの例を見てみましょう- <!DOCTYPE html> <html> <body> <p>Click the below button to c
-
HTMLDOMスタイルborderImageOutsetプロパティ
HTML DOM borderImageOutsetプロパティは、背景画像領域が要素の境界ボックスを拡張する値を設定または返すために使用されます。上、左、右、下の値を使用することで、要素のそれぞれの境界から背景画像がどれだけ伸びるかを指定できます。 構文 以下は、-の構文です。 borderImageOutsetプロパティの設定- object.style.borderImageOutset = "length|number|initial|inherit" プロパティ値は次のように説明されます- 値 説明 長さ 画像がボーダーボックスからどれだけ伸び
-
HTMLDOMボタンのオートフォーカスプロパティ
HTML DOMボタンのautofocusプロパティは、要素のautofocusプロパティに関連付けられています。ボタンのオートフォーカスプロパティは、ページの読み込み時にHTMLドキュメントのボタンにフォーカスを合わせるかどうかを指定するために使用されます。 構文 以下は、-の構文です。 ボタンのオートフォーカスプロパティの設定- buttonObject.autofocus = true|false ここで、true | falseは、ページが読み込まれたときではなく、指定された入力ボタンにフォーカスを合わせるかどうかを指定します。 正しい −入力ボタンにフォーカスが移る 誤り −
-
HTMLDOMボタン無効プロパティ
HTML DOM Buttonのdisabledプロパティは、要素のdisabled属性に関連付けられています。buttondisabledプロパティは、特定のボタンが無効かどうかを設定または返すために使用されます。これは、ボタンを無効にして、ユーザーが指定された要素を操作できなくなるようにするために使用されます。無効なプロパティを設定すると、Webブラウザのデフォルトでボタンが灰色になります。 構文 以下は、-の構文です。 無効なプロパティの設定- buttonObject.disabled = true|false ここで、true | falseは、指定された入力ボタンを無効にする