JavaScriptでのドキュメントへのテキスト出力
JavaScriptを使用してHTMLページのタグを制御し、 例えばテキストを出力することができます。 これは、DOM操作に関するセクションを学習する際に、 後ほど学びます。
しかし、デバッグ目的でブラウザウィンドウに
何らかのテキストを出力する必要が生じることがあります。
これは、document.writeコマンドを使用して行います。
例を見て、その使い方を確認しましょう。
数値を出力してみましょう:
document.write(123);
何らかのテキストを出力してみましょう:
document.write('text');
タグで囲まれたテキストを出力してみましょう:
document.write('<b>text</b>');
変数からテキストを出力してみましょう:
let str = 'text';
document.write(str);
変数からのテキストをタグで囲んで出力してみましょう:
let str = 'text';
document.write('<b>' + str + '</b>');
2行のテキストを出力してみましょう:
document.write('text <br> text');
多くのテキストを縦に並べて出力してみましょう:
document.write('text1<br>');
document.write('text2<br>');
document.write('text3<br>');
このようにもできます:
document.write('text');
document.write('<br>');
document.write('text');
ブラウザウィンドウに何らかのテキストを出力してください。
ブラウザウィンドウに何らかのテキストを イタリック体で出力してください。
次の変数があります:
let str = 'text';
この変数からのテキストをブラウザウィンドウに イタリック体で出力してください。
1から5までの数字を
ブラウザウィンドウに縦に並べて出力してください。