形から入るWEBアプリ

「魂をもってエレメントを与えたまへ」

大げさに言うと、そのような。魂は同じ魂は二つ無いだろうから、ID と同じと言う事で、エレメント = 要素 = オブジェクト ですが、エレメントと言ってしまえばなんとなくファンタジーです。

document.getElementById - MDC

getElementById は、document に属する「メソッド」です。引数に文字列としての id 属性を渡して、それに対する実体というか実際というか、オブジェクトを返します。ページ上で id を持つ要素を一望するには、IE8 の開発ツールで、表示メニューから、「Class と ID 情報」をチェック状態にします。# が付いているのが ID で、#以外の部分の文字列を使って参照できます

document.getElementById("top_1").style.background = "url(http://winofsql.jp/image/sab.gif)"

Firebug 等の開発ツール( IE / Google Chrome デベロッパーツール ) では以下のコードをコンソールに貼り付けて実行すると一覧を取得できます

for( i = 0; i < document.body.getElementsByTagName("*").length; i++ ) {
    if ( document.body.getElementsByTagName("*")[i].id ) {
        console.log( document.body.getElementsByTagName("*")[i].id );
    }
}