ビデオ: Technology Stacks - Computer Science for Business Leaders 2016 2025
JavaScriptを使用してHTMLページ内の要素にアクセスできます。要素またはCSSスタイリングを変更するには、これを行うことができます。エクササイズで試してみてください。
-
新しいまたは空白の文書でテキストエディタを開きます。
-
テキストエディタで、次のHTMLとJavaScriptを配置します。
<! - 1 - >第2章 こんにちは第2行
これは段落にあります。
最後の行var theDiv =ドキュメント。 getElementById( "myDiv");アラート( "コンテンツは" + theDiv。innerHTMLです。 -
ファイルをgetbyidとして保存します。 htmlをドキュメントルートに追加します。
-
Webブラウザを開き、http:// localhost / getbyidにあるページを表示します。 html。
ここに示すような警告が表示されます。
-
[OK]をクリックしてアラートを閉じ、ブラウザを閉じます。
-
getbyid内に戻るあなたのエディタで、警告で始まるJavaScript行を削除します。その行を次の2つに置き換えます:
theDiv。スタイル。 border = "3px solid black"; theDiv。 innerHTML = "これは変更されたテキストです。";
スクリプトブロック全体が次のようになります。
<! - 3 - >var theDiv =ドキュメント。 getElementById( "myDiv"); theDiv。スタイル。 border = "3px solid black"; theDiv。 innerHTML = "これは変更されたテキストです。";
ブラウザで見ると、ページはここに示すようになります。具体的には、トップラインのテキストが変更され、現在境界線があることに注意してください。
