Документы: создание, хранение, обработка

Объект document - это представление текущей веб-страницы в браузере. Он представляет собой корневой узел объектной модели документа (Document Object Model) и позволяет получать доступ к различным элементам страницы, таким как заголовок, ссылки, картинки, формы, скрипты и т.д.

Пример использования объекта document можно представить следующей функцией, которая выводит в консоль значение элемента заголовка страницы:

javascript
function showTitle() {
  var pageTitle = document.title;
  console.log("Заголовок страницы: " + pageTitle);
}

В этом примере мы используем свойство title объекта document, чтобы получить значение текста заголовка страницы, и выводим его в консоль с помощью метода console.log ().

Кроме того, объект document также предоставляет методы для доступа к элементам DOM и их содержимому. Например, мы можем получить доступ к элементу с помощью его уникального идентификатора и изменить его содержимое с помощью свойства innerHTML:

javascript
// получение доступа к элементу параграфа по его идентификатору
var para = document.getElementById("myPara");
// изменение содержимого элемента параграфа
para.innerHTML = "Это новый текст для элемента 'myPara'!";

Этот пример демонстрирует, как мы можем получить доступ к элементу параграфа на странице, используя его идентификатор (myPara), и изменить его содержимое, указав новый текст с помощью свойства innerHTML.

Также можно создавать новые элементы и добавлять их на страницу, используя методы объекта document, например:

javascript
// создание нового элемента div
var newDiv = document.createElement("div");
// добавление текста в новый элемент
var newText = document.createTextNode("Это новый элемент div!");
// добавление текста в новый элемент div
newDiv.appendChild(newText);
// добавление нового элемента на страницу
document.body.appendChild(newDiv);

Этот пример демонстрирует, как мы можем создать новый элемент на странице, используя метод createElement, добавить в него текст через createTextNode, добавить новый элемент в DOM, используя метод appendChild объекта document, и поместить его на странице через document.body.appendChild.