Чтобы создать цель события с помощью DOM (объектной модели документа) в JavaScript, вы можете использовать следующие методы:

1. getElementById: этот метод извлекает элемент по его уникальному атрибуту ID. Вы можете назначить прослушиватель событий элементу, возвращаемому этим методом, чтобы он выступал в качестве цели события. Пример: document.getElementById('elementId').addEventListener('click', eventHandler);

2. getElementsByTagName: этот метод извлекает коллекцию элементов на основе их имени тега. Вы можете просмотреть коллекцию и назначить прослушиватели событий нужным элементам. Пример:

   var elements = document.getElementsByTagName('button');
   for (var i = 0; i < elements.length; i++) {
   elements[i].addEventListener('click', eventHandler);
   }

3. getElementsByClassName: этот метод извлекает коллекцию элементов на основе имени их класса. Подобно getElementsByTagName, вы можете перебирать коллекцию и назначать прослушиватели событий. Пример:

   var elements = document.getElementsByClassName('className');
   for (var i = 0; i < elements.length; i++) {
   elements[i].addEventListener('click', eventHandler);
   }

4. querySelector: этот метод позволяет выбрать элемент с помощью селекторов CSS. Вы можете использовать любой селектор CSS, чтобы выбрать нужный элемент и подключить прослушиватель событий. Пример: document.querySelector('.className').addEventListener('click', eventHandler);

5. querySelectorAll: этот метод похож на querySelector, но возвращает коллекцию всех совпадающих элементов. Вы можете просмотреть коллекцию и назначить прослушиватели событий. Пример:

   var elements = document.querySelectorAll('.className');
   for (var i = 0; i < elements.length; i++) {
   elements[i].addEventListener('click', eventHandler);
   }

Это некоторые из распространенных методов создания цели события с помощью DOM в JavaScript.