Вывод текста в документ в 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>');

Пример

Выведем текст с два ряда:

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.