alert("Привет, мир!");
При выполнении данного кода, будет выведено сообщение «Привет, мир!» в модальном окне браузера.
console.log("Привет, мир!");
При выполнении данного кода, будет выведено сообщение «Привет, мир!» в консоли разработчика.
document.getElementById("output").innerHTML = "Привет, мир!";
В данном примере мы используем метод getElementById() для доступа к элементу с идентификатором «output», и устанавливаем его содержимое равным «Привет, мир!».
Например, чтобы вывести текст на страницу, мы можем написать следующий код:
document.write("Привет, мир!");
В результате на странице будет выведена строка «Привет, мир!»
Кроме того, мы также можем использовать HTML-теги с помощью функции document.write(). Например, чтобы вывести абзац на страницу, мы можем написать следующий код:
document.write("
Это абзац текста.
");
В результате на странице будет выведен абзац текста.
И помните, что при использовании функции document.write(), она будет добавлять содержимое в текущее состояние страницы. Если вы вызовете эту функцию после того, как браузер уже загрузил и отобразил страницу полностью, то она перезапишет все предыдущие содержимое.
- Метод
innerHTML
: изменяет содержимое элемента HTML. Этот метод позволяет непосредственно взаимодействовать с HTML-элементами и изменять их содержимое.
Например, следующий код выведет сообщение в консоли:
console.log("Привет, мир!");
alert("Привет, мир!");
document.write("Привет, мир!");
Метод | Описание |
---|---|
console.log() | |
document.write() | |
alert() | |
innerHTML | |
textContent |
Вот несколько примеров:
Использование функции alert()
alert("Привет, мир!");
Использование функции console.log()
console.log("Привет, мир!");
Использование метода document.write()
Метод
document.write()
записывает текст или HTML-код непосредственно в документ. Вот пример:document.write("Привет, мир!");
Использование метода innerHTML
Свойство
innerHTML
позволяет задавать HTML-содержимое элемента. Вот пример:document.getElementById("myElement").innerHTML = "Привет, мир!";