Об'єкт документа document є батьком усіх інших об'єктів на веб-сторінці. Цей об'єкт представляє вашу веб-сторінку.
Якщо вам потрібно отримати доступ до якогось елемента на HTML сторінці, то перш вам потрібно звернутися до об'єкта document.
За допомогою скрипта можна динамічно формувати документ та виводити його.
Ми вже працювали з методами document.createElement(елемент),document.appendChild(елемент),document.replaceChild(елемент).
Наступний метод -document.write(текст) записує у зовнішній потік HTML. На відміну від установки в HTML і DOM-методів, він не змінює існуючий документ, а працює на стадії тексту, до того як DOM-структура сформована.
Рядок повинен містити елементи розмітки сторінки (теги та їх вміст).
Метод виконується в процесі завантаження документа.Він дописує текст у поточне місце HTML ще до того, як браузер збудує з нього DOM.
Рядок повинен містити елементи розмітки сторінки (теги та їх вміст).
Метод виконується в процесі завантаження документа.Він дописує текст у поточне місце HTML ще до того, як браузер збудує з нього DOM.
Також існує метод document.writeln(str) , який додає після str символ перекладу рядка "\n".
Методи document.write і document.writeln пишуть безпосередньо в текст документа, перш ніж браузер побудує з нього DOM, тому вони можуть записати в документ все, що завгодно, будь-які стилі та незакриті теги. Браузер врахує їх при побудові DOM, так само, як враховує чергову порцію HTML-тексту.
Технічно, викликати document.write можна у будь-який час, проте, коли HTML завантажився, і браузер повністю побудував DOM, документ стає "закритим". Спроба дописати щось до закритого документа відкриває його заново. При цьому весь поточний вміст видаляється.
Через цю особливість document.write для завантажених документів не використовують.
Оскільки вікно вже існує, достатньо сформувати документ, який виводиться в це вікно.
Тобто, повністю створити документ з усіма елементами: тегами та їх вмістом.
У цьому прикладі у існуюче вікно виводиться не відформатований текст
У цьому прикладі у існуюче вікно виводиться текст у форматі абзацу p
Метод document.write - динозавр, він існував десятки років тому. З того часу, як з'явився і став стандартним методом innerHTML, потреба в ньому виникає рідко, але деякі переваги все ж таки є.
Метод document.write працює швидше, фактично це найшвидший спосіб додати на сторінку текст, згенерований скриптом.
Це природно, адже він не модифікує існуючий DOM, а пише текст сторінки до його генерації.
Метод document.write вставляє будь-який текст на сторінку «як є», тоді як innerHTML може вписати лише валідний HTML (при спробі підсунути невалідний – браузер скоригує його).
Ці переваги є скоріше засобом оптимізації, який потрібно використовувати саме там, де подібна оптимізація потрібна чи доречна.
Однак document.write за своєю природою унікальний: він додає текст «у поточне місце документа», без жодних хитромудрих DOM. Тому він буває просто зручний, через що його нерідко використовують не за призначенням.