トップページ / JavaScriptリファレンス / element.id

element.id - エレメントのidを取得/設定

スポンサードリンク

構文

element.id

サポートブラウザ:

  • 4+
  • 1+
  • 6+

「エレメントのidを取得/設定」サンプルコード


スポンサードリンク
忘却曲線を使って「element.id」を確実に記憶に残す

「element.idの動作デモ」


新しいウィンドウで実行 | スクリプトを編集&実行 - スクリプトをWEB上で編集&動作確認することが出来ます。

関連ページ

指定要素へ子要素追加 - element.appendChild
form部品のフォーカスを外す - element.blur
チェック部品の選択状態を得る - element.checked
エレメントの子ノードリストを取得 - element.childNodes
エレメントのclassを取得/設定 - element.className
エレメントを複製する - element.cloneNode
チェック部品のデフォルトの選択状態を得る - element.defaultChecked
input部品のデフォルトの値を得る - element.defaultValue
エレメントの最初の子を取得 - element.firstChild
form部品にフォーカスを移す - element.focus
form部品のフォームそのものを得る - element.form
エレメントの属性を取得 - element.getAttribute
子エレメントを持つかどうか調べる - element.hasChildNodes
エレメントを指定エレメントの子として挿入 - element.insertBefore
エレメントの最後の子を取得 - element.lastChild
form部品の名前を得る - element.name
elementの次のエレメントを取得 - element.nextSibling
エレメントのオフセット位置の高さを取得 - element.offsetHeight
エレメントのオフセット位置のX座標を取得 - element.offsetLeft
エレメントのオフセット位置のY座標を取得 - element.offsetTop
エレメントのオフセット位置の幅を取得 - element.offsetWidth
エレメントの親ノードを取得 - element.parentNode
elementの前のエレメントを取得 - element.previousSibling
エレメントの属性を削除 - element.removeAttribute
子エレメントを削除 - element.removeChild
子エレメントを置換 - element.replaceChild
input部品を選択状態にする - element.select
select部品の長さを得る - element.select.length
option部品の選択状態を得る - element.select.option.selected
option部品のテキスト値を得る - element.select.option.text
option部品の値を得る - element.select.option.value
select部品の選択されている番号を得る - element.select.selectedIndex
エレメントの属性を設定 - element.setAttribute
スタイル背景色 - element.style.background
透かし効果、背景の画像 - element.style.backgroundAttachment
背景色 - element.style.backgroundColor
背景イメージ - element.style.backgroundImage
背景位置 - element.style.backgroundPosition
背景リピート設定 - element.style.backgroundRepeat
ボーダー - element.style.border
ボーダー(下) - element.style.borderBottom
ボーダー(下)色 - element.style.borderBottomColor
ボーダー(下)スタイル - element.style.borderBottomStyle
ボーダー(下)幅 - element.style.borderBottomWidth
ボーダー色 - element.style.borderColor
ボーダー(左) - element.style.borderLeft
ボーダー(左)色 - element.style.borderLeftColor
ボーダー(左)スタイル - element.style.borderLeftStyle
ボーダー(左)幅 - element.style.borderLeftWidth
ボーダー(右) - element.style.borderRight
ボーダー(右)色 - element.style.borderRightColor
ボーダー(右)スタイル - element.style.borderRightStyle
ボーダー(右)幅 - element.style.borderRightWidth
ボーダースタイル - element.style.borderStyle
ボーダー(上) - element.style.borderTop
ボーダー(上)色 - element.style.borderTopColor
ボーダー(上)スタイル - element.style.borderTopStyle
ボーダー(上)幅 - element.style.borderTopWidth
ボーダー幅 - element.style.borderWidth
回り込みの解除 - element.style.clear
クリッピング - element.style.clip
文字色 - element.style.color
カーソル設定 - element.style.cursor
表示方式設定 - element.style.display
フィルタ - element.style.filter
フォント - element.style.font
フォント種類 - element.style.fontFamily
フォントサイズ - element.style.fontSize
フォントをスモールキャップ - element.style.fontVariant
フォント太さ - element.style.fontWeight
高さ - element.style.height
左位置 - element.style.left
文字間 - element.style.letterSpacing
一行の高さ - element.style.lineHeight
リストのスタイル - element.style.listStyle
リストのイメージ - element.style.listStyleImage
リストの位置 - element.style.listStylePosition
リストのタイプ - element.style.listStyleType
マージン設定 - element.style.margin
マージン(下)設定 - element.style.marginBottom
マージン(左)設定 - element.style.marginLeft
マージン(右)設定 - element.style.marginRight
マージン(上)設定 - element.style.marginTop
オーバーフロー設定 - element.style.overflow
パディング - element.style.padding
パディング(下) - element.style.paddingBottom
パディング(左) - element.style.paddingLeft
パディング(右) - element.style.paddingRight
パディング(上) - element.style.paddingTop
印刷の改ページ指定 - element.style.pageBreakAfter
印刷の改ページ指定 - element.style.pageBreakBefore
表示位置設定 - element.style.position
配置設定 - element.style.styleFloat
テキスト配置設定 - element.style.textAlign
テキスト修飾 - element.style.textDecoration
テキスト修飾(BLINK) - element.style.textDecorationBlink
テキスト修飾 - element.style.textDecorationLineThrough
テキスト修飾(なし) - element.style.textDecorationNone
テキスト修飾(上線) - element.style.textDecorationOverline
テキスト修飾(下線) - element.style.textDecorationUnderline
1行目のインデント位置設定 - element.style.textIndent
テキストの大/小文字設定 - element.style.textTransform
上位置 - element.style.top
水平配置設定 - element.style.verticalAlign
表示設定 - element.style.visibility
ホワイトスペース設定 - element.style.whiteSpace
幅 - element.style.width
改行設定 - element.style.wordBreak
改行設定 - element.style.wordWrap
重なり順設定 - element.style.zIndex
form部品のタイプ(METHOD)を得る - element.type
form部品の値を得る - element.value


誤記があった場合のご連絡はこちらまでお願いします

スポンサードリンク


AX