JS JavaScript HTML DOM Document
HTML5CSS.ru
ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
❮ Назад Дальше ❯
Объект документа HTML DOM является владельцем всех других объектов на веб-странице.
Объект документа HTML DOM
Объект Document представляет веб-страницу.
Если вы хотите получить доступ к любому элементу на HTML-странице, вы всегда начинаете с доступа к объекту document.
Ниже приведены примеры того, как можно использовать объект Document для доступа к HTML и манипулирования им.
Поиск элементов HTML
| Метод | Описание |
|---|---|
| document.getElementById(id) | Поиск элемента по идентификатору элемента |
| document.getElementsByTagName(name) | Поиск элементов по имени тега |
| document.getElementsByClassName(name) | Поиск элементов по имени класса |
Изменение элементов HTML
| Метод | Описание |
|---|---|
element. innerHTML = new html content | Изменение внутреннего HTML-кода элемента |
| element.attribute = new value | Изменение значения атрибута элемента HTML |
| element.setAttribute(attribute, value) | Изменение значения атрибута элемента HTML |
| element.style.property = new style | Изменение стиля элемента HTML |
Добавление и удаление элементов
| Метод | Описание |
|---|---|
| document.createElement(element) | Создание элемента HTML |
| document.removeChild(element) | Удаление элемента HTML |
| document.appendChild(element) | Добавление элемента HTML |
| document.replaceChild(element) | Замена элемента HTML |
| document.write(text) | Запись в выходной поток HTML |
Добавление обработчиков событий
| Метод | Описание |
|---|---|
document. getElementById(id).onclick = function(){code} | Добавление кода обработчика событий в событие OnClick |
Поиск объектов HTML
Первый уровень HTML DOM 1 (1998), определенные 11 объектов HTML, коллекции объектов и свойства. Они по-прежнему действительны в HTML5.
Позже, в HTML DOM Level 3, добавлено больше объектов, коллекций и свойств.
| Свойство | Описание | Dom |
|---|---|---|
| document.anchors | Возвращает все элементы <a>, имеющие атрибут Name | 1 |
| document.applets | Возвращает все элементы <апплета> (устаревшие в HTML5) | 1 |
| document.baseURI | Возвращает абсолютный базовый универсальный код ресурса (URI) документа | 3 |
| document.body | Возвращает элемент <BODY> | 1 |
| document.cookie | Возвращает файл cookie документа | 1 |
document. doctype | Возвращает документ документа | 3 |
| document.documentElement | Возвращает элемент <HTML> | 3 |
| document.documentMode | Возвращает режим, используемый обозревателем | 3 |
| document.documentURI | Возвращает универсальный код ресурса (URI) документа | 3 |
| document.domain | Возвращает имя домена сервера документов | 1 |
| document.domConfig | Устарели. Возвращает конфигурацию DOM | 3 |
| document.embeds | Возвращает все элементы <embed> | 3 |
| document.forms | Возвращает все элементы <form> | 1 |
| document.head | Возвращает элемент <head> | 3 |
| document.images | Возвращает все элементы <img> | 1 |
| document.implementation | Возвращает реализацию модели DOM | 3 |
document. inputEncoding | Возвращает кодировку документа (набор символов) | 3 |
| document.lastModified | Возвращает дату и время обновления документа | 3 |
| document.links | Возвращает все элементы <Area> и <a>, имеющие атрибут href | 1 |
| document.readyState | Возвращает состояние (Загрузка) документа | 3 |
| document.referrer | Возвращает универсальный код ресурса (URI) ссылающегося (связывающего документа) | 1 |
| document.scripts | Возвращает все элементы <script> | 3 |
| document.strictErrorChecking | Возвращает при принудительной проверке ошибок | 3 |
| document.title | Возвращает элемент <Title> | 1 |
| document.URL | Возвращает полный URL-адрес документа | 1 |
❮ Назад Дальше ❯
PHP\CSS\JS\HMTL Editor
Copyright 2018-2020 HTML5CSS.
ru
Правила и Условия Политика конфиденциальности О нас Контакты
html document — Translation into Russian — examples English
These examples may contain rude words based on your search.
These examples may contain colloquial words based on your search.
Just open the html document, and have direct access to your own professional productivity software.
Просто откройте html-документ и получите прямой доступ к своему профессиональному программному обеспечению.
The server sends back the requested html document and data after encrypting it with the symmetric key
веб-сервер отправляет запрашиваемый html-документ и «обычные http-данные» только после шифрования их симметричным ключом
This is placed within the head of your html document.
И все это размещается внутри вашего HTML-документа.
Each class lecture is offered as an mp3 file with an html document that outlines the assignment.
Каждая лекция предлагается в виде МРЗ-файла и HTML-документа, описывающего назначение.
Ссылки-мнемоники это цифровые или символьные имена символов, которые могут быть включены в документ HTML.
A web browser, however, knows absolutely nothing about any PHP script that may be embedded in an HTML document.
Однако веб-браузер абсолютно ничего не знает о любом скрипте РНР, который может быть встроен в документ HTML.
If you can code, it is better to create an html document with pre-coded assets so they can be easily reused.
Если вы можете кодировать, лучше создать HTML-документ с предварительно закодированными ресурсами, чтобы их можно было легко использовать повторно.
This makes it easy for developers to define a single font size on the html document and then define all rem units to be a percentage of that.
Это должно быть проще для разработчиков, определите единый размер шрифта в HTML-документ и затем определите все единицы REM в процентах от этого значения.
When using Scripts, it is imperative for a web designer to put them outside the HTML document to avoid slowing down crawlers.
При использовании скриптов веб-дизайнеру необходимо размещать их вне HTML-документа, чтобы избежать замедления сканеров.
AMP HTML documents can also be used to design a website, just like any other HTML document.
АМР HTML документы могут быть также использованы для разработки сайта, как и любой другой HTML-документ.
An HTML document is an SGML document that meets the constraints of this specification.
HTML-документ является SGML-документом, который согласуется с ограничениями этой спецификации.
However, this will only index the iFrame and not the parent HTML document, aka the surrounding page.
Тем не менее, это будет индексировать только iFrame, а не родительский HTML-документ, то есть соседнюю страницу.
This reduces the number of HTTP requests that are needed, but increases the size of the HTML document.
Это уменьшает количество НТТР-запросов, но увеличивает размер HTML-документа.
In principle, it does not matter how you structure your HTML document.
В принципе не важно, как вы структурируете ваш HTML-документ.
Tip: Even multiple external style sheets can be referenced inside a single HTML document.
Даже на несколько внешних таблиц стилей можно ссылаться внутри одного HTML-документа.
Place the following Meta directive in the<head>section of your
Поместите следующую мета-директиву в раздел<head>вашего HTML-документа.
You can just copy the code generated specifically for the chosen font in the right section of HTML document.
Вы можете просто скопировать код, сгенерированный специально для выбранного шрифта в правой части HTML-документа.
Each HTML document is made up of a number of elements.
Каждый документ HTML состоит из различных элементов.
There is a flexibility given to include JavaScript code anywhere in an HTML document.
Существует гибкость с учетом включения кода JavaScript в любом месте HTML-документа.
The system then connects to the serving server and retrieves the requested HTML document.
Как с их помощью машина взаимодействует с сервером и получает запрашиваемый HTML-документ.
Possibly inappropriate content
Examples are used only to help you translate the word or expression searched in various contexts. They are not selected or validated by us and can contain inappropriate terms or ideas. Please report examples to be edited or not to be displayed. Rude or colloquial translations are usually marked in red or orange.
Register to see more examples It’s simple and it’s free
Register Connect
Объект документа HTML DOM
❮ Предыдущий Далее ❯
Объект документа
Когда HTML-документ загружается в веб-браузер, он становится объектом документа .
Объект документа является корневым узлом документа HTML.
Объект документа является свойством объекта окна .
Доступ к объекту документа осуществляется с помощью:
window.document или просто документ
Примеры
let url = window.document.URL;
Попробуйте сами »
let url = document.URL;
Попробуйте сами »
Свойства и методы объекта документа
Следующие свойства и методы могут использоваться в документах HTML:
| Свойство/метод | Описание |
|---|---|
| активный элемент | Возвращает текущий элемент документа в фокусе |
| addEventListener() | Добавляет обработчик события к документу |
| принятьУзел() | Принимает узел из другого документа |
| анкеры | Устарело |
| апплеты | Устарело |
| базовый URI | Возвращает абсолютный базовый URI документа |
| корпус | Задает или возвращает тело документа (элемент) |
| кодировка | Устарело |
| набор символов | Возвращает кодировку символов для документа |
| закрыть() | Закрывает выходной поток, ранее открытый с помощью document. open() |
| печенье | Возвращает все пары «имя/значение» файлов cookie в документе. |
| создать атрибут() | Создает узел атрибута |
| создать комментарий() | Создает узел комментариев с указанным текстом |
| createDocumentFragment() | Создает пустой узел DocumentFragment |
| создатьЭлемент() | Создает узел элемента |
| создать событие() | Создает новое событие |
| создатьTextNode() | Создает текстовый узел |
| вид по умолчанию | Возвращает объект окна, связанный с документом, или null, если он недоступен. |
| DesignMode | Определяет, должен ли быть редактируемым весь документ или нет. |
| тип документа | Возвращает объявление типа документа, связанное с документом |
| элемент документа | Возвращает элемент документа документа (элемент) |
| режим документа | Устарело |
| URI документа | Задает или возвращает местоположение документа |
| домен | Возвращает доменное имя сервера, загрузившего документ |
| domConfig | Устарело |
| встроенный | Возвращает коллекцию всех элементов |
| execCommand() | Устарело |
| формы | Возвращает коллекцию всех элементов |
| getElementById() | Возвращает элемент, имеющий атрибут ID с указанным значением |
| getElementsByClassName() | Возвращает HTMLCollection, содержащую все элементы с указанным именем класса |
| getElementsByName() | Возвращает активный NodeList, содержащий все элементы с указанным именем |
| getElementsByTagName() | Возвращает HTMLCollection, содержащую все элементы с указанным именем тега |
| hasFocus() | Возвращает логическое значение, указывающее, находится ли документ в фокусе. |
| головка | Возвращает элемент документа |
| изображений | Возвращает коллекцию всех элементов |
| реализация | Возвращает объект DOMImplementation, обрабатывающий этот документ. |
| importNode() | Импорт узла из другого документа |
| inputEncoding | Устарело |
| последний Модифицированный | Возвращает дату и время последнего изменения документа |
| ссылки | Возвращает коллекцию всех элементов и в документе, имеющих атрибут href |
| нормализация() | Удаляет пустые узлы Text и соединяет соседние узлы |
| нормализовать документ() | Устарело |
| открыть() | Открывает поток вывода HTML для сбора вывода из document.write() |
| селектор запросов() | Возвращает первый элемент, соответствующий указанному селектору CSS в документе |
| запросСелекторВсе() | Возвращает статический NodeList, содержащий все элементы, которые соответствуют указанным селекторам CSS в документе |
| состояние готовности | Возвращает статус (загрузка) документа |
| реферер | Возвращает URL-адрес документа, который загрузил текущий документ |
| удалитьEventListener() | Удаляет обработчик события из документа (который был присоединен с помощью метода addEventListener()) |
| переименоватьУзел() | Устарело |
| скрипты | Возвращает коллекцию элементов |