САЙТ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ НА РУССКОМ ЯЗЫКЕ
×

JS Учебник

JS Главная JS Введение JS Установка JS Вывод JS Синтаксис JS Заявления JS Комментарии JS Переменные JS Операторы JS Арифметика JS Присваивания JS Типы данных JS Функции JS Объекты JS Область JS События JS Строки JS Методы строк JS Числа JS Методы чисел JS Массивы JS Методы массива JS Сортировка массива JS Итерация массива JS Даты JS Формат даты JS Метод получения дат JS Методы набора... JS Математические... JS Случайные числа JS Булевы JS Сравнение... JS Заявления if...else JS Заявление switch JS Цикл for JS Цикл while JS Заявление break... JS Преобразование... JS Битовые... JS Регулярные выражения JS Ошибки JS Отладчик JS Подъемный JS Строгий JS Ключевое слово this JS Руководство стиля JS Практика JS Распространенные ошибки JS Эффективность JS Зарезервированные слова JS Версии JS Версия ES5 JS Версия ES6 JS JSON

JS Формы

JS Формы JS Формы API

JS Объекты

Определение объекта Свойства объекта Методы объекта Доступ к объекту Конструкторы объекта Прототипы объекта Объект ECMAScript 5

JS Функции

Определение функции Параметры функции Вызов Функции Вызвать Функцию Применение функции Закрытие Функции

JS HTML DOM

DOM Введение DOM Методы DOM Документы DOM Элементы DOM HTML DOM CSS DOM Анимация DOM События DOM Слушатель события DOM Навигация DOM Узлы DOM Коллекции DOM Список узлов

JS Браузера BOM

JS Окно JS Экран


JavaScript - HTML DOM Методы



Методы HTML DOM - это действия, которые вы можете выполнять (над элементами HTML).

Свойства HTML DOM - это значения (элементов HTML), которые можно задать или изменить.


Программный интерфейс DOM

Доступ к HTML DOM можно получить с помощью JavaScript (и других языков программирования).

В DOM все HTML - элементы определяются как объекты.

Интерфейс программирования-это свойства и методы каждого объекта.

Свойство - это значение, которое можно получить или задать (например, изменить содержимое HTML элемента).

Метод - это действие, которое вы можете выполнить (например, добавить или удалить элемент HTML).


Пример

В следующем примере изменяется содержимое (innerHTML) элемента <p> с идентификатором id="demo":

Пример

<html>
<body>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "Привет мир!";
</script>

</body>
</html>
Попробуйте сами »

В приведенном выше примере getElementById является методом, а innerHTML - свойством.


Метод getElementById

Наиболее распространенным способом доступа к элементу HTML является использование идентификатора элемента id.

В приведенном выше примере метод getElementById используется id="demo" для поиска элемента.


Свойство innerHTML

Самый простой способ получить содержимое элемента - использовать свойство innerHTML.

Свойство innerHTML полезно для получения или замены содержимого HTML элементов.

Свойство innerHTML можно использовать для получения или изменения любого HTML элемента, включая <html> и <body>.