Руководство JavaScript — JavaScript | MDN
Руководство JavaScript — JavaScript | MDN- Skip to main content
- Skip to search
- Skip to select language
- Already a subscriber?
- Get MDN Plus
Эта страница была переведена с английского языка силами сообщества. Вы тоже можете внести свой вклад, присоединившись к русскоязычному сообществу MDN Web Docs.
In this article
- Главы
«Руководство по JavaScript» покажет вам как использовать JavaScript и даст общее представление о языке. Если вам нужна исчерпывающая информация о возможностях языка, посмотрите руководство JavaScript.
Это руководство разделено на несколько глав:
- Введение Об этом руководстве О JavaScript JavaScript и Java ECMAScript Инструменты Hello World
- Грамматика и типы Базовый синтаксис и комментарии Объявления Область видимости переменных Поднятие переменных Структуры и типы данных Литералы
-
Порядок выполнения и обработка ошибок
if...else
switchtry/catch/throwОбъектыErrorОбъектPromise -
Циклы и итерации
for while do...while break/continue for..in for..of
- Функции Объявление функций Вызов функций Область видимости функций Замыкания Аргументы и параметры Стрелочные функции
- Выражения и операторы Присваивание и Сравнение Арифметические операторы Побитовые операторы и логические операторы Условный (тернарный) операторы
-
Числа и даты Числовые литералы
Объект
NumberОбъектMathОбъектDate -
Форматирование текста
Строковые литералы
Объект
StringШаблонные литералы Интернационализация Регулярные выражения
- Индексированные коллекции Массивы Типизированные массивы
-
Коллекции
MapWeakMapSetWeakSet - Работа с объектами Объекты и свойства Создание объектов Определение методов Геттеры и Сеттеры
- Подробнее про объектную модель Прототипно-ориентированное ООП Создание иерархии объектов Наследование
- Промисы Гарантии Цепочка вызовов Распространённые ошибки Композиция Порядок выполнения
- Итераторы и Генераторы Итераторы Итерируемые объекты Генераторы
-
Мета
программирование
Объект
ProxyОбработчики и ловушки ОтзываемыйProxyРефлексия
- Следующая статья »
Last modified:
- SpiderMonkey
-
SpiderMonkey — это интерпретатор языка JavaScript, написанный на языке C. Информация, относящаяся к реализации движка JavaScript Mozilla на C/C++ (aka SpiderMonkey), включая, как вставлять его в приложения.
- Rhino
-
Информация, относящаяся к реализации JavaScript, написанной на Java (aka Rhino).
- Ресурсы по языку
-
Ссылки на опубликованные стандарты по JavaScript.
- Повторное введение в JavaScript
-
Руководство и справочник по JavaScript.
JavaScript® — торговая марка или зарегистрированная торговая марка Oracle в США и других странах.
Last modified: , by MDN contributors
Документ JavaScript DOM
❮ Предыдущий Далее ❯
Объект документа HTML DOM является владельцем всех других объектов на вашей веб-странице.
Объект документа HTML DOM
Объект документа представляет вашу веб-страницу.
Если вы хотите получить доступ к любому элементу на HTML-странице, вы всегда начинаете с доступа к объект документа.
Ниже приведены несколько примеров того, как вы можете использовать объект документа для доступа и манипулировать HTML.
Поиск элементов HTML
| Метод | Описание |
|---|---|
| документ.getElementById ( идентификатор ) | Найти элемент по идентификатору элемента |
| document.getElementsByTagName( имя ) | Поиск элементов по имени тега |
| документ.getElementsByClassName( имя ) | Поиск элементов по имени класса |
Изменение элементов HTML
| Собственность | Описание |
|---|---|
| элемент .innerHTML = новый HTML-контент | Изменить внутренний HTML элемента |
| элемент . Атрибут = новое значение | Изменить значение атрибута элемента HTML |
элемент . стиль. свойство = новый стиль |
Изменить стиль элемента HTML |
| Метод | Описание |
| элемент .setAttribute (атрибут, значение) | Изменить значение атрибута элемента HTML |
Добавление и удаление элементов
| Метод | Описание |
|---|---|
| document.createElement( элемент ) | Создать элемент HTML |
| document.removeChild( элемент ) | Удалить элемент HTML |
| document.appendChild ( элемент ) | Добавить элемент HTML |
| document.replaceChild( новый, старый ) | Заменить элемент HTML |
| документ.запись ( текст ) | Запись в поток вывода HTML |
Добавление обработчиков событий
| Метод | Описание |
|---|---|
document. getElementById( id ).onclick = function(){ code } |
Добавление кода обработчика события к событию onclick |
Поиск объектов HTML
Первый уровень HTML DOM 1 (1998 г.) определил 11 объектов HTML, коллекций объектов и свойств. Они по-прежнему действительны в HTML5.
Позже, в HTML DOM Level 3, было добавлено больше объектов, коллекций и свойств.
| Свойство | Описание | ДОМ |
|---|---|---|
| документ.якоря | Возвращает все элементы , имеющие атрибут имени | 1 |
| документ.апплеты | Устарело | 1 |
| документ.baseURI | Возвращает абсолютный базовый URI документа | 3 |
| документ.корпус | Возвращает элемент | 1 |
| документ.cookie | Возвращает файл cookie документа | 1 |
документ. doctype |
Возвращает тип документа | .3 |
| документ.элемент документа | Возвращает элемент | 3 |
| документ.режим документа | Возвращает режим, используемый браузером | 3 |
| URI документа.document | Возвращает URI документа | 3 |
| документ.домен | Возвращает доменное имя сервера документов | 1 |
| документ.domConfig | Устарело. | 3 |
| документ.встраивает | Возвращает все элементы | 3 |
| документ.формы | Возвращает все элементы | 1 |
| документ.заголовок | Возвращает элемент | 3 |
| документ.изображения | Возвращает все элементы |
1 |
документ. реализация |
Возвращает реализацию DOM | 3 |
| документ.inputEncoding | Возвращает кодировку документа (набор символов) | 3 |
| документ.lastModified | Возвращает дату и время обновления документа | 3 |
| документ.ссылки | Возвращает все элементы и , имеющие атрибут href | 1 |
| документ.readyState | Возвращает статус (загрузки) документа | 3 |
| документ.реферер | Возвращает URI реферера (ссылающегося документа) | 1 |
| документ.скрипты | Возвращает все элементы |