JavaScript HTMLオブジェクトの例

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

アンカーオブジェクト

リンクのhref属性の値を見つけるリンクのhreflang属性の値を見つけるリンクのid属性の値を見つけるリンクのrel属性の値を見つけるリンクのターゲット属性の値を見つけるリンクのtype属性の値を見つける

エリアオブジェクト

画像マップエリアの代替テキストを検索するエリアの座標を見つける領域の形状を見つけるエリアのhrefを見つけるエリアのhref属性のプロトコル部分を見つけるエリアのhref属性のホスト名部分を見つけるエリアのhref属性のポート番号部分を見つけるエリアのhref属性のパス名部分を見つけるエリアのhref属性のクエリ文字列部分を見つける領域のhref属性のハッシュ部分を見つけるエリアのターゲット属性の値を見つける

ベースオブジェクト

ページ上のすべての相対URLのベースURLを見つけるページ上のすべてのリンクのベースターゲットを見つける

IFrameオブジェクト

iframeの背景色を変更する iframeの高さを見つける iframeのname属性の値を見つける iframeのソース(src)属性を見つける iframeのソース(src)属性を変更する

画像オブジェクト

画像の代替テキストを見つける画像の高さを見つけるクリックすると、画像の高解像度バージョンが表示されます画像のソース(src)を見つける画像のソースを変更する電球の光源を変更する画像のusemap属性の値を見つける

テーブルオブジェクト

表の枠線の幅を変更するテーブルのパディングを変更するセルのinnerHTMLを見つけるテーブルのキャプションを作成するテーブル内の行を削除するテーブルに行を追加する表のセルの内容を変更する

チュートリアル