JavaScript超初心者によるJavaScript入門講座JavaScript初心者がお送りする、JavaScript(基礎編)リファレンスサイトです。DOMを使ってみるノードへのアクセス方法getElementById()メソッドを利用してみます。引数(カッコの中身)にはidの値を入れます。id="idHoge">のノード)のhtmlを「ぷぎゃー」に変更(「ほげほげ」が「ぷぎゃー」になる)ノードを取得するために、document.getElementById("id名")を使っています。ノードを取得して変数sampleNodeに格納します。次に、innerHTMLプロパティを使って取得したノードのHTMLを変更しています。sampleNode.innerHTML="変更後の内容"でノードのHTMLが書き換えられます。id="idHoge">のノード)にcolor:#ff0000;というスタイルを追加ノード取得済の変数.style.cssのプロパティ="値"で取得したノードのCSSを変更します。/>→サンプルページを見る・window.onload=init;ページの読み込みが完了してからinit関数が実行されます。ページが読み込まれる前に実行してしまうと、「id="btnMove"がない!」とエラーがでてしまいます。・画像をクリックすると右に50pxずつ移動します。300pxを超えると、画像が元の場所に戻ります。・「画像を薄くする」ボタンをクリックするたびに、画像の濃度がちょっとずつ薄くなっていきます。・「画像を濃くする」ボタンをクリックするたびに、画像の濃度がちょっとずつ濃くなっていきます。・style.opacityがIE非対応なので、style.filter="alpha(opacity=**%)を使います。変数DOMDOMとはDOMを使ってみる。