HTML DOM の例


JavaScript を使用してアクセスおよび操作される HTML DOM オブジェクトの例。

Documentオブジェクト

  • document.write()を使用してテキストを出力

  • document.write()を使用してHTMLを出力

  • ドキュメント内のアンカーの数を返す

  • ドキュメントの最初のアンカー innerHTML

  • ドキュメント内のフォームの数を返します

  • ドキュメント内の最初のフォームの名前を返します

  • ドキュメント内の画像の数を返します

  • 戻り値ドキュメント内の最初の画像の ID を返します

  • ドキュメント内のリンクの数を返します

  • ドキュメント内の最初のリンクの ID を返します

  • document

  • ロードされたドキュメントのサーバードメイン名を返します

  • ドキュメントの最終変更時刻を返します

  • 現在ロードされているドキュメントのURLを返します

  • ドキュメントのタイトルを返します

  • ドキュメントの完全な URL を返します

  • 出力ストリームを開き、ストリームにテキストを入力します

  • write() と writeln() の違い

  • 指定された要素の innerHTML をポップしますID

  • 指定された名前を持つ要素の数をポップする

  • 指定されたタグ名を持つ要素の数をポップする


  • JavaScript リファレンス マニュアルのその他の Document オブジェクトの例。

アンカーオブジェクト

  • リンクのcharset属性を返して設定します

  • リンクのhref属性を返して設定します

  • リンクのhreflang属性を返して設定します

  • Returnsアンカーの名前

  • 現在のドキュメントとリンクされたドキュメント間の関係を返します

  • リンクのtarget属性を変更します

  • リンクのtype属性の値を返します

  • 詳細JavaScript リファレンス マニュアルの Anchor オブジェクトの例。

Areaオブジェクト

  • 画像マッピング内の特定の領域の代替テキストを返します

  • 画像マッピング内の特定の領域の座標を返します

  • href属性のアンカー部分を返しますエリア

  • 返されるホスト名: イメージマッピングの特定エリアのポート

  • イメージマッピングの特定エリアのホスト名を返します

  • イメージマッピングの特定エリアのポートを返します画像マッピング

  • 画像マッピングの特定領域の href を返します

  • 画像マッピングの特定領域のパス名を返します

  • 画像マッピングの特定領域のプロトコルを返します

  • エリアのhref属性のクエリ文字列部分を返します

  • 画像マッピングの特定の領域を返しますshape

  • は画像マップの特定の領域のターゲットの値を返します

  • その他の Area オブジェクトの例は、JavaScript リファレンス マニュアルにあります。

Base オブジェクト

  • ページ上のすべての相対 URL のベース URL を返します

  • ページ上のすべての相対リンクのベース リンクを返します

  • JavaScript リファレンス マニュアルのその他の Base オブジェクトの例。

ボタンオブジェクト

  • ボタンがクリックされると使用できなくなります

  • ボタンの名前を返します

  • ボタンのタイプを返します

  • ボタンの値を返します

  • ボタンを返す ボタンが属するテーブルの ID

  • その他の Button オブジェクトの例については、JavaScript リファレンス マニュアルを参照してください。

Formオブジェクト

  • フォーム内のすべての要素の値を返します

  • フォームのacceptCharset属性の値を返します

  • フォームのaction属性の値を返します

  • enctype 属性の値

  • フォーム内の要素の数を返す

  • フォームデータの送信方法を返す

  • フォームの名前を返す

  • フォームの値を返すフォームの target 属性

  • フォームをリセット

  • フォームを送信

  • その他の Button オブジェクトの例は、JavaScript リファレンス マニュアルにあります。

Frame/IFrameオブジェクト

  • iframeをフォーマットする

  • iframeに含まれるドキュメントの背景色を変更する

  • iframeのframeborder属性の値を返す

  • iを削除Frame フレームボーダー

  • は iframe の高さと幅を変更します

  • iframe の longdesc 属性の値を返します

  • iframe の marginheight 属性の値を返します

  • 値を返しますiframe の marginwidth 属性の値

  • iframe の name 属性の値を返します

  • iframe のスクロール属性の値を返して設定します

  • iframe の src を変更します

  • その他の Frame/IFrame オブジェクトの例は、JavaScript リファレンス マニュアルにあります。

画像オブジェクト

  • 画像の書式設定

  • 画像の代替テキストを返す

  • 画像に枠線を追加する

  • 画像の高さと幅を変更する

  • 画像の hspace を設定します そして、vspace 属性は画像の longdesc 属性の値を返します

  • 低解像度画像へのリンクを作成します

  • 画像の名前を返します

  • 画像の src を変更します

  • は、クライアント側の画像マッピングの usemap の値を返します

  • その他の画像オブジェクトの例は、

    JavaScript リファレンス マニュアルにあります。

  • イベントオブジェクト

どのマウスボタンがクリックされましたか?

  • 押されたキーボードのキーのキーコード?

  • マウスの座標?

  • 画面に対するマウスの相対座標?

  • Shiftキーは押されていますか？

  • どの要素が押されていますか?

  • どの出来事が起こりましたか?

オプションとオブジェクトの選択

  • ドロップダウンリストの無効化と有効化

  • ドロップダウンリストのあるフォームのIDを取得します

  • ドロップダウンリストのオプションの数を取得します

  • ドロップダウンリストを複数行のリストにします

  • ドロップダウンリストで複数のオプションを選択します

  • ドロップダウンリストのすべてのオプションをポップアップします

  • のインデックスをポップアップしますドロップダウンリストで選択したオプション

  • ドロップダウンリストで選択したオプションのインデックスを変更します Text

  • ドロップダウンリストのオプションを削除します

Table、TableHeader、TableRow、 TableData オブジェクト

  • 表の境界線の幅を変更する

  • 表のセルパディングとセル間隔を変更する

  • 表の枠を指定する

  • 表のルールを指定する

  • 行のinnerHTML

  • セルの内部HTML

  • 表のタイトルを作成

  • 表内の行を削除

  • 表の行に追加

  • 表の行にセルを追加

  • セルの内容を揃える水平方向に整列します

  • セルの内容を垂直方向に整列します

  • 単一セルの内容を水平方向に整列させます

  • 単一セルの内容を水平方向に整列させます セルの内容を垂直方向に整列させます

  • セルの内容を変更します

  • セルがまたがる列数を変更します(colspan属性)