Использование метода document getElementById в JavaScript

С использованием document.getElementById в JavaScript

Метод document.getElementById является одним из наиболее известных методов языка JavaScript, который используется для доступа к элементам HTML-документа по их уникальному идентификатору (ID).

document.getElementById("id");

В этом примере "id" - это строка, содержащая уникальный идентификатор элемента, которому мы хотим получить доступ.

Примером HTML-разметки с элементом, имеющим уникальный идентификатор, может быть следующий код:

<!DOCTYPE html>
<html>
<head>
    <title>Пример использования document.getElementById</title>
</head>
<body>
    <div id="myDiv">Это блок с уникальным идентификатором</div>
    
    <script>
        // Получение элемента по его уникальному идентификатору
        var element = document.getElementById("myDiv");
        
        // Изменение текста элемента
        element.innerHTML = "Текст был изменен";
        
        // Изменение стилей элемента
        element.style.backgroundColor = "red";
    </script>
</body>
</html>

После выполнения скрипта, элементу <div> с ID "myDiv" будет присвоен новый текст "Текст был изменен" и его фоновый цвет станет красным.

Метод document.getElementById очень полезен, когда вам нужно получить доступ к определенному элементу на веб-странице, чтобы изменить его содержимое, стили или выполнить некоторые действия с использованием JavaScript.