JavaScriptのGetElementByIdを使用して特定の要素にアクセスする方法 - ダミー

JavaScriptを使用してHTMLページ内の要素にアクセスできます。要素またはCSSスタイリングを変更するには、これを行うことができます。エクササイズで試してみてください。

1. 新しいまたは空白の文書でテキストエディタを開きます。

   

2. テキストエディタで、次のHTMLとJavaScriptを配置します。

   <！ - 1 - >

   第2章 こんにちは第2行
   これは段落にあります。
   最後の行var theDiv =ドキュメント。 getElementById（ "myDiv"）;アラート（ "コンテンツは" + theDiv。innerHTMLです。
   

3. ファイルをgetbyidとして保存します。 htmlをドキュメントルートに追加します。

   

4. Webブラウザを開き、http：// localhost / getbyidにあるページを表示します。 html。

   ここに示すような警告が表示されます。

   

5. [OK]をクリックしてアラートを閉じ、ブラウザを閉じます。

6. getbyid内に戻るあなたのエディタで、警告で始まるJavaScript行を削除します。その行を次の2つに置き換えます：

   theDiv。スタイル。 border = "3px solid black"; theDiv。 innerHTML = "これは変更されたテキストです。";
   

   スクリプトブロック全体が次のようになります。

   <！ - 3 - >

   var theDiv =ドキュメント。 getElementById（ "myDiv"）; theDiv。スタイル。 border = "3px solid black"; theDiv。 innerHTML = "これは変更されたテキストです。";
   

   ブラウザで見ると、ページはここに示すようになります。具体的には、トップラインのテキストが変更され、現在境界線があることに注意してください。