getElementById

Урок 3 из 13 курса Методы JavaScript DOM на Coddy.

Функция getElementById() извлекает первый элемент с соответствующим атрибутом id, например:

const element = document.getElementById("elementId");

Приведенный выше код извлекает элемент с id elementId и сохраняет его в переменную с именем element.

Обратите внимание на префикс document, это DOM HTML-файла.

После того как вы извлекли элемент, вы можете манипулировать им с помощью JavaScript!

Первое свойство, которое мы изучим, — это textContent, которое содержит текстовое содержимое элемента. Вы можете изменить текст следующим образом:

const element = document.getElementById("elementId");
element.textContent = "some text";

После выполнения этого кода текст #elementId станет some text

Задание

Легко

Вам дан HTML-код, который содержит заголовок с ID.

Используя только JavaScript, измените текст этого элемента на “Hello!”:

Попробуйте сами

<!DOCTYPE html>
<html>
    <body>
        <h1 id="heading">Welcome!</h1>
        <script src="script.js"></script>
    </body>
</html>

Все уроки раздела Методы JavaScript DOM

1Введение

2Методы DOM I

3Методы DOM II