JavaScript HTML DOMの例

JavaScriptを使用してDOMオブジェクトにアクセスして操作する例。

ドキュメントオブジェクト

ドキュメント内のCookieのすべての名前と値のペアを表示するドキュメントをロードしたサーバーのドメイン名を表示しますドキュメントが最後に変更された日時を表示するドキュメントのタイトルを表示するドキュメントの完全なURLを表示するドキュメントのコンテンツを置き換える新しいウィンドウを開き、コンテンツを追加します特定の名前を持つ要素の数を表示する特定のタグ名を持つ要素の数を表示する

Documentオブジェクトの説明

アンカーコレクション

ドキュメント内のアンカーの数を見つけるドキュメント内の最初のアンカーのinnerHTMLを見つける

リンクコレクション

ドキュメント内のリンク数を表示するドキュメントの最初のリンクのhref属性を表示する

フォームコレクション

ドキュメント内のフォームの数を見つけるドキュメント内の最初のフォームの名前を見つける

画像コレクション

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

CSS操作

HTML要素の可視性を変更する HTML要素の背景色を変更する

実績多数！おすすめのプログラミングスクール９選

プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう！

スクールの詳細

チュートリアル