-
HTML DOM appendChild()メソッド
HTML DOMのappendChild()メソッドは、子ノードのリストの最後にテキストノードを作成して追加するために使用されます。 appendChild()メソッドを使用して、要素を現在の位置から新しい位置に移動することもできます。 appendChild()を使用すると、リストに新しい値を追加したり、別の段落の下に新しい段落を追加したりすることもできます。 構文 以下は、appendChild()メソッドの構文です- node.appendChild( node ) ここで、パラメータノードは追加するオブジェクトです。必須のパラメータ値です。 例 appendChild()メソッド
-
HTMLDOMエリアオブジェクト
HTML DOM Area Objectは、HTMLの画像マップに関連付けられています。エリアは基本的に、画像マップ内のクリック可能なエリアを表します。 imageオブジェクトは、オブジェクト内の要素を作成してアクセスするのに役立ちます。ユーザーの入力に基づいて、マップ内のクリック可能な領域を変更したり、画像マップの形状などを変更したりできます。エリア要素内のリンクを操作するためにも使用できます プロパティ エリアオブジェクトのプロパティは次のとおりです- 値 説明 alt alt属性値を設定または返すため。 座標 エリアのコード属性を設定または返すため。 ハッ
-
HTMLDOM記事オブジェクト
HTML DOM Articleオブジェクトは、HTML5で導入されたHTML要素を表します。記事は、HTMLドキュメントの自己完結型の領域です。これは、HTML5で導入されたセマンティックタグの一部です。 構文 以下は、-の構文です。 記事オブジェクトの作成 var a = document.createElement("ARTICLE"); 例 HTMLDOM記事オブジェクトの例を見てみましょう- <!DOCTYPE html> <html> <body> <h3>ARTICLE HEADING</h3>
-
HTMLDOMロケーション検索プロパティ
場所検索プロパティは、URLのクエリパラメータに対応する文字列を返す/設定します。 構文 以下は構文です- 検索の戻り値 プロパティ location.search プロトコルプロパティセットの値 location.search = searchString 例 ロケーション検索の例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>Location protocol</title> <style> form { &n
-
HTMLDOMマップオブジェクト
HTMLのHTMLDOMマップオブジェクトは、 を表します 要素。 構文 以下は構文です- を作成する 要素 var mapObject = document.createElement(“MAP”) プロパティ ここでは、「mapObject」 次のコレクションとプロパティを持つことができます- コレクション/プロパティ 説明 エリア すべての のコレクションを返します 要素 画像 すべての のコレクションを返します & 要素 名前 要素のname属性の値を設定/返します 例 マップエリアの例を見てみましょう コレクション- <
-
HTMLDOMマークオブジェクト
HTMLのHTMLDOMマークオブジェクトは、 を表します 要素。 構文 以下は構文です- を作成する 要素 var markObject = document.createElement(“MARK”) 例 HTMLDOMマークの例を見てみましょう 要素- <!DOCTYPE html> <html> <head> <title>HTML DOM Mark</title> <style> form { width:70%;
-
HTMLDOMメニューオブジェクト
HTMLのHTMLDOMメニューオブジェクトは、 を表します。 要素。 注 − 要素はMozillaFirefoxブラウザでのみサポートされています。 構文 以下は構文です- を作成する 要素 var menuObject = document.createElement(“MENU”) 例 HTMLDOMメニューの例を見てみましょう 要素- <!DOCTYPE html> <html> <head> <title>Menu Object</title> <style> &nb
-
HTMLDOMMenuItemオブジェクト
HTMLのHTMLDOMMenuItemオブジェクトはを表します 要素。 注 − 要素はMozillaFirefoxブラウザでのみサポートされています。 構文 以下は構文です- を作成する 要素 var menuItemObject = document.createElement(“MENUITEM”) プロパティ ここで、menuItemobjectは次のプロパティを持つことができます- プロパティ 説明 チェック済み メニュー項目をチェックする必要があるかどうかを設定/返します(true / false) コマンド コマンド属性の値を設
-
HTMLDOMメタオブジェクト
HTMLのHTMLDOMメタオブジェクトはを表します 要素。 構文 以下は構文です- を作成する 要素 var metaObject = document.createElement(“META”) プロパティ ここでは、「メタオブジェクト」 次のコレクションとプロパティを持つことができます- プロパティ 説明 コンテンツ のコンテンツ属性の値を設定/返します エレメント httpEquiv のコンテンツ属性の情報のHTTPヘッダーを設定/返します。 エレメント 名前 のコンテンツ属性の情報の名前を設
-
HTMLDOMメーターの高さプロパティ
HTML DOM Meterのhighプロパティは、 のhigh属性に対応する数値を返す/設定します エレメント。より良い結果を得るには、これをlow、min、max属性で使用してください。 構文 以下は構文です- highの戻り値 プロパティ meterElementObject.high 高の値 プロパティセット meterElementObject.high = number 例 メートル高の例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>Meter high<
-
HTMLDOMメーター低プロパティ
Meter lowプロパティは、 のlow属性に対応する数値を返す/設定します エレメント。より良い結果を得るには、これをhigh、min、max属性で使用してください。 構文 以下は構文です- lowの戻り値 プロパティ meterElementObject.low 低の値 プロパティセット meterElementObject.low = number 例 メートル低の例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>Meter low</title> &l
-
HTML DOMMetermaxプロパティ
Meter lowプロパティは、 のmax属性に対応する数値を返す/設定します エレメント。より良い結果を得るには、これを高、最小、低の属性で使用してください。 構文 以下は構文です- maxの戻り値 プロパティ meterElementObject.max maxの値 プロパティセット meterElementObject.max = number 例 Meter maxの例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>Meter max</title>
-
HTMLDOMメーターの最小プロパティ
Meter lowプロパティは、 のmin属性に対応する数値を返す/設定します エレメント。より良い結果を得るには、これを高、最大、低の属性で使用してください。 構文 以下は構文です- minの戻り値 プロパティ meterElementObject.min 分の値 プロパティセット meterElementObject.min = number 例 メートル分の例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>Meter min</title> <sty
-
HTMLDOMロケーションハッシュプロパティ
Locationハッシュプロパティは、文字列値(アンカー部分)をURLに返す/追加します。アンカー部分には自動的に「#」のプレフィックスが付けられてから追加されます。 構文 以下は構文です- ハッシュの戻り値 プロパティ location.hash ハッシュの値 プロパティセット location.hash = ‘string’ 例 ロケーションハッシュの例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>Location hash</title&g
-
HTMLDOMロケーションホストプロパティ
Location hostプロパティは、ホスト名とホストポート(指定されている場合)を返す/設定します。明示的に指定しないと、ポートが表示されない場合があります。 構文 以下は構文です- ホストの戻り値 プロパティ location.host ホストの価値 プロパティセット location.host = hostname:host 例 ロケーションホストの例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>Location host</title> <styl
-
HTMLDOMの場所のホスト名プロパティ
Location hostnameプロパティは、URLパスのホスト名を返す/設定します。 構文 以下は構文です- ホスト名の戻り値 プロパティ location.hostname ホスト名の値 プロパティセット location.hostname = hostname 例 場所のホスト名の例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>Location hostname</title> <style> form {  
-
HTMLDOMの場所hrefプロパティ
HTML DOM Location hrefプロパティは、URLパスに対応する文字列を返す/設定します。 構文 以下は構文です- hrefの戻り値 プロパティ location.href hrefの値 プロパティセット location.href = href 例 Location hrefの例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>Location href</title> <style> form { &n
-
HTMLDOMロケーションoriginプロパティ
Location originプロパティは、URLのプロトコル、ホスト名、ホストポート番号(指定されている場合)に対応する文字列を返します。 構文 以下は構文です- 原点の戻り値 プロパティ location.origin 例 場所の原点の例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>Location origin</title> <style> form { width:70%; &nb
-
HTMLDOMロケーションパス名プロパティ
Location pathnameプロパティは、URLパス名に対応する文字列を返す/設定します。 構文 以下は構文です- パス名の戻り値 プロパティ location.pathname hrefプロパティセットの値 location.pathname = pathOfHost 例 場所のパス名の例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>Location pathname</title> <style> form { &n
-
HTMLDOMロケーションポートプロパティ
Location portプロパティは、URLのポート番号(指定されている場合)を返す/設定します。明示的に指定しないと、ポート番号が表示されない場合があります。 構文 以下は構文です- ポートの戻り値 プロパティ location.port ポートの値 プロパティセット location.port = portNumber 例 ロケーションポートの例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>Location port</title> <style>