Целевые элементы HTML в JavaScript: getElementById, getElementsByClassName, getElementsByTagName, querySelector, querySelectorAll.

Чтобы настроить HTML-элементы в JavaScript, вы можете использовать несколько методов. Вот некоторые из наиболее часто используемых:

  1. getElementById: этот метод позволяет выбрать элемент по его уникальному идентификатору. Вы можете использовать его так:

    var element = document.getElementById("elementId");
  2. getElementsByClassName: этот метод позволяет выбирать элементы по имени их класса. Он возвращает коллекцию элементов, поэтому вам нужно обращаться к ним по индексу или перебирать их в цикле. Вот пример:

    var elements = document.getElementsByClassName("className");
  3. getElementsByTagName: этот метод позволяет выбирать элементы по имени их тега. Он также возвращает коллекцию элементов. Вот пример:

    var elements = document.getElementsByTagName("tagName");
  4. querySelector: этот метод позволяет выбирать элементы с помощью селекторов CSS. Он возвращает первый соответствующий элемент. Вот пример:

    var element = document.querySelector("cssSelector");
  5. querySelectorAll: этот метод позволяет выбирать элементы с помощью селекторов CSS, аналогично querySelector. Однако он возвращает NodeList, содержащий все соответствующие элементы. Вот пример:

    var elements = document.querySelectorAll("cssSelector");

Это некоторые из наиболее часто используемых методов для таргетинга HTML-элементов в JavaScript. В зависимости от ваших конкретных требований вы можете выбрать метод, который лучше всего соответствует вашим потребностям.